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

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

const meta = {
    title: 'Components/Features/Player/TimeDisplay',
    component: TimeDisplay,
    tags: ['autodocs'],
} satisfies Meta<typeof TimeDisplay>;

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

export const Default: Story = {
    args: {
        currentTime: 65,
        duration: 240,
    },
};

export const ZeroStates: Story = {
    args: {
        currentTime: 0,
        duration: 0,
    },
};

export const CustomSeparator: Story = {
    args: {
        currentTime: 120,
        duration: 300,
        separator: ' sur ',
    },
};

export const NoSeparator: Story = {
    args: {
        currentTime: 120,
        duration: 300,
        showSeparator: false,
    },
};