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

/**
 * PlayerError - Erreur du lecteur
 *
 * Composant d'affichage des erreurs de lecture
 * avec option de retry.
 */
const meta: Meta<typeof PlayerError> = {
    title: 'Components/Features/Player/PlayerError',
    component: PlayerError,
    parameters: {
        layout: 'centered',
        docs: {
            description: {
                component: 'Message d\'erreur du lecteur avec retry.',
            },
        },
    },
    tags: ['autodocs'],
    args: {
        onRetry: fn(),
    },
    decorators: [
        (Story) => (
            <div className="bg-background p-8">
                <Story />
            </div>
        ),
    ],
};

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

/**
 * Erreur réseau.
 */
export const NetworkError: Story = {
    name: 'Erreur réseau',
    args: {
        error: 'Network error: Unable to load audio stream.',
    },
};

/**
 * Erreur de format.
 */
export const FormatError: Story = {
    name: 'Erreur de format',
    args: {
        error: 'Format not supported: Unable to decode audio.',
    },
};

/**
 * Erreur générique.
 */
export const Generic: Story = {
    name: 'Erreur générique',
    args: {
        error: 'An unexpected error occurred during playback.',
    },
};