import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import CharacterSelection, {
  ICharacterProps,
} from '../../../components/Character/CharacterSelection';
import atlasJSON from '../../../mocks/atlas/entities/entities.json';
import atlasIMG from '../../../mocks/atlas/entities/entities.png';

const meta: Meta = {
  title: 'Character/Character/Selection',
  component: CharacterSelection,
};

export default meta;

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

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

const availableCharacters: ICharacterProps[] = [
  {
    name: 'Woman',
    textureKey: 'woman-1',
  },
  {
    name: 'Kid',
    textureKey: 'kid-1',
  },
  {
    name: 'Purple Hair Hero 1',
    textureKey: 'purple-hair-hero-1',
  },
];

Default.args = {
  availableCharacters: availableCharacters,
  atlasJSON: atlasJSON,
  atlasIMG: atlasIMG,
};
