src/components/atoms/loaders/progress-bar/progress-bar.stories.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import type { Meta, StoryObj } from '@storybook/react';
import { ProgressBar } from './progress-bar';

const meta = {
  component: ProgressBar,
  title: 'Atoms/Loaders/ProgressBar',
} satisfies Meta<typeof ProgressBar>;

export default meta;

type Story = StoryObj<typeof meta>;

const max = 50;
const current = 10;
const label = `${current} loaded out of a total of ${max}`;

export const Example: Story = {
  args: {
    current,
    label,
    max,
  },
};