import type { Meta, StoryObj } from '@storybook/react';
import { ChatSidebar } from './ChatSidebar';
import { ToastProvider } from '@/components/feedback/ToastProvider';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

const queryClient = new QueryClient();

const meta = {
    title: 'Features/Chat/ChatSidebar',
    component: ChatSidebar,
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <QueryClientProvider client={queryClient}>
                <ToastProvider>
                    <div className="w-[300px] h-[600px] border rounded-lg overflow-hidden bg-kodo-graphite">
                        <Story />
                    </div>
                </ToastProvider>
            </QueryClientProvider>
        ),
    ],
} satisfies Meta<typeof ChatSidebar>;

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

export const Default: Story = {};