53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
|
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',
|
||
|
},
|
||
|
],
|
||
|
};
|