import type { Meta, StoryObj } from '@storybook/react';
import { AIToolsView, AIToolsViewSkeleton } from './ai-tools-view';

const meta = {
  title: 'Components/Features/Studio/AIToolsView',
  component: AIToolsView,
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <div className="bg-kodo-background min-h-layout-page p-4">
        <Story />
      </div>
    ),
  ],
} satisfies Meta<typeof AIToolsView>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {};

export const Loading: Story = {
  render: () => <AIToolsViewSkeleton />,
};