import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
import {
  ISkillProgressBarProps,
  SkillProgressBar,
} from '../../../components/SkillProgressBar';
import atlasJSON from '../../../mocks/atlas/items/items.json';
import atlasIMG from '../../../mocks/atlas/items/items.png';

const meta: Meta = {
  title: 'Character/Skills/Skill Progress Bar',
  component: SkillProgressBar,
};

export default meta;

const Template: Story<ISkillProgressBarProps> = args => (
  <RPGUIRoot>
    <SkillProgressBar {...args} />
  </RPGUIRoot>
);
export const Default = Template.bind([]);

Default.args = {
  skillName: 'Sword skill',
  bgColor: '#ff0000',
  level: 2,
  skillPoints: 10,
  skillPointsToNextLevel: 100,
  texturePath: 'swords/broad-sword.png',
  atlasIMG: atlasIMG,
  atlasJSON: atlasJSON,
};
