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

const meta = {
    title: 'Components/Features/Live/LiveStreamDetailView',
    component: LiveStreamDetailView,
    tags: ['autodocs'],
    parameters: {
        layout: 'fullscreen',
    },
    args: {
        onBack: fn(),
    },
    decorators: [
        (Story) => (
            <ToastProvider>
                <Story />
            </ToastProvider>
        ),
    ],
} satisfies Meta<typeof LiveStreamDetailView>;

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

export const Default: Story = {
    args: {
        streamId: 's1',
    },
};