ihk24/gfi-ihk-2024/stories/atoms/progress-bar/ProgressBar.stories.js

import {createProgressBar} from "./ProgressBarComponent";

export default {
  title: 'Atoms/Progress Bar',
  args: {
    progress: 50,
  },
  argTypes: {
    progress: {
      name: 'Fortschritt',
      control: {
        type: 'range',
        min: 0,
        max: 100,
      },
    }
  },
}

const Template = ({...args}) => {
  return createProgressBar({...args});
};

export const ProgressBar = Template.bind({});
ProgressBar.args = {};