import type { Meta, StoryObj } from '@storybook/react';
import { ChatRoom } from './ChatRoom';

const meta = {
    title: 'Components/Features/Chat/ChatRoom',
    component: ChatRoom,
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="h-[600px] border rounded-lg overflow-hidden relative bg-card">
                <Story />
            </div>
        ),
    ],
} satisfies Meta<typeof ChatRoom>;

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

export const Default: Story = {
    args: {
        conversationId: 'c1',
    },
};

export const Empty: Story = {
    args: {
        conversationId: 'new-room',
    },
};