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

const meta: Meta = {
  title: 'Character/Character/Status',
  component: CharacterStatus,
};

export default meta;

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

export const Default = Template.bind({});
Default.args = {
  healthValue: 30,
  healthMaxValue: 100,
  manaValue: 30,
  manaMaxValue: 100,
  charName: 'Char Name',
};
