import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
import {
  ISimpleProgressBarProps,
  SimpleProgressBar,
} from '../../../components/SimpleProgressBar';

const meta: Meta = {
  title: 'UI/Progress/Simple Progress Bar',
  component: SimpleProgressBar,
};

export default meta;

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

export const Default = Template.bind({
  level: 1,
});
