import React from 'react';
import { VtmnProgressbar } from '@vtmn/react';
import { Meta, Story } from '@storybook/react';
import {
  argTypes,
  parameters,
} from '@vtmn/showcase-core/csf/components/indicators/progressbar.csf';

export default {
  title: 'Components / Indicators / VtmnProgressbar',
  component: VtmnProgressbar,
  argTypes: argTypes,
  parameters,
} as Meta;

const Template: Story = (args) => (
  <div style={{ width: '300px', display: 'flex', justifyContent: 'center' }}>
    <VtmnProgressbar labelId="progress-bar-text" {...args} />
  </div>
);

export const Overview = Template.bind({});
