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

41 lines
802 B
TypeScript

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,
},
};