import { Story } from '@storybook/react';
import React from 'react';
import { IBarProps, ProgressBar } from '../../../components/ProgressBar';
import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';

export default {
  title: 'UI/Progress/Progress Bar',
  component: ProgressBar,
};

const Template: Story<IBarProps> = args => (
  <RPGUIRoot>
    <ProgressBar {...args} />
  </RPGUIRoot>
);

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

Default.args = {
  max: 100,
  value: 30,
  color: 'blue',
  mobileScale: 0.8,
};
