import { ComponentMeta, ComponentStory } from '@storybook/react';
import InfoDialogComponent, {
  InfoDialogComponentProps,
} from './InfoDialogComponent';

export default {
  title: 'Component/InfoDialogComponent',
  component: InfoDialogComponent,
} as ComponentMeta<typeof InfoDialogComponent>;

const Template: ComponentStory<typeof InfoDialogComponent> = (
  args: InfoDialogComponentProps,
) => <InfoDialogComponent {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  openDialog: true,
  id: 84,
  name: 'Doduo',
  genera: 'Twin Bird Pokémon',
  image:
    'https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/84.svg',
  types: ['normal', 'flying'],
  height: 14,
  weight: 392,
  genderRatio: 4,
  description:
    'A bird that makes up for its poor flying with its fast foot speed. Leaves giant footprints.',
  abilities: ['run-away', 'early-bird', 'tangled-feet'],
  stats: [
    { stat__name: 'hp', stat__value: 35 },
    { stat__name: 'attack', stat__value: 85 },
    { stat__name: 'defense', stat__value: 45 },
    { stat__name: 'special-attack', stat__value: 35 },
    { stat__name: 'special-defense', stat__value: 35 },
    { stat__name: 'speed', stat__value: 75 },
  ],
  evolutionChain: [
    {
      types: ['normal', 'flying'],
      image:
        'https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/84.svg',
      name: 'Doduo',
    },
    {
      name: 'Dodrio',
      types: ['normal', 'flying'],
      image:
        'https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/85.svg',
    },
  ],
};