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

const meta: Meta<typeof PlayerLoading> = {
    title: 'Features/Player/PlayerLoading',
    component: PlayerLoading,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};

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

export const Default: Story = {
    args: {
        isLoading: true,
        message: 'Chargement...',
        size: 'md',
    },
};

export const Small: Story = {
    args: {
        isLoading: true,
        message: 'Buffering...',
        size: 'sm',
    },
};

export const Large: Story = {
    args: {
        isLoading: true,
        message: 'Initializing Player...',
        size: 'lg',
    },
};

export const FullScreen: Story = {
    args: {
        isLoading: true,
        message: 'Loading your music...',
        fullScreen: true,
    },
};

export const Hidden: Story = {
    args: {
        isLoading: false,
    },
};
