import { Story, Meta } from '@storybook/react';
import { TableProgressbar } from './table-progressbar';
import type { TableProgressbarProps } from './table-progressbar';

export default {
  component: TableProgressbar,
  title: 'Table/In Cells',
  argTypes: {
    current: {
      description: 'The current value.'
    },
    total: {
      description: 'The total value.'
    }
  }
} as Meta;

const Template: Story<TableProgressbarProps> = (args) => (
  <TableProgressbar {...args} />
);

export const Progress = Template.bind({});
Progress.args = {
  current: 18,
  total: 100
};