import type { Meta, StoryObj } from '@storybook/react';
import { fn } from '@storybook/test';
import { CreateRoomDialog } from './CreateRoomDialog';

const meta: Meta<typeof CreateRoomDialog> = {
    title: 'Features/Chat/CreateRoomDialog',
    component: CreateRoomDialog,
    parameters: { layout: 'centered' },
    tags: ['autodocs'],
    args: { onClose: fn() },
    decorators: [
        (Story) => (
            <div className="bg-kodo-background min-h-screen flex items-center justify-center">
                <Story />
            </div>
        ),
    ],
};

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

export const Default: Story = { name: 'Par défaut' };
export const Creating: Story = { name: 'Création' };
