veza/apps/web/src/features/player/components/PlayPauseButton.stories.tsx

import type { Meta, StoryObj } from '@storybook/react-vite';
import { PlayPauseButton } from './PlayPauseButton';

const meta = {
    title: 'Components/Features/Player/Components/PlayPauseButton',
    component: PlayPauseButton,
    tags: ['autodocs'],
    argTypes: {
        isPlaying: { control: 'boolean' },
        isLoading: { control: 'boolean' },
        size: {
            control: 'select',
            options: ['sm', 'md', 'lg'],
        },
        variant: {
            control: 'select',
            options: ['default', 'ghost', 'outline'],
        },
    },
} satisfies Meta<typeof PlayPauseButton>;

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

export const Playing: Story = {
    args: {
        isPlaying: true,
    },
};

export const Paused: Story = {
    args: {
        isPlaying: false,
    },
};

export const Loading: Story = {
    args: {
        isPlaying: false,
        isLoading: true,
    },
};

export const Large: Story = {
    args: {
        isPlaying: true,
        size: 'lg',
    },
};

export const Ghost: Story = {
    args: {
        isPlaying: false,
        variant: 'ghost',
    },
};