import type { Meta, StoryObj } from '@storybook/react';
import { AIToolsView } from './AIToolsView';
import { ToastProvider } from '@/components/feedback/ToastProvider';

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

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

export const Default: Story = {};