import { Meta , Story } from '@storybook/react' ; import React from 'react' ; import { ProgressBar } from './ProgressBar' ; export default { title : 'Components/forms/ProgressBar' , component : ProgressBar } as Meta ; interface IProgressBarProps { id ? : string ; loading ? : boolean ; title ? : string ; color ? : string ; width ? : number ; shape ? : ProgressBarShape ; totalPoints ? : number ; currentPoints ? : number ; disabled ? : boolean ; onClick ? : ( event : React . MouseEvent < HTMLElement > ) => void ; } type ProgressBarShape = 'square' | 'round' | 'butt' ; const Template = ( args ) => < ProgressBar { ... args } / > ; export const ProgressBarView = Template . bind ( { } ) ; ProgressBarView . args = { totalPoints : 900 , currentPoints : 100 } ;