import React from "react" ; import { Meta , Story } from "@storybook/react" ; import { Card as CardModel , CreatureType , DefinitionClass } from "@creature-chess/models" ; import { Card } from "./card" ; import "./card.stories.css" ; export default { title : "Card Shop/Card" , component : Card } as Meta ; const Template = ( args ) => < div className = "card-story" > < Card { ... args } / > < /div>; const card = { id : "1234" , definitionId : 10 , name : "Chenipode" , type : CreatureType . Earth , class : DefinitionClass . CUNNING , cost : 2 } ; export const Chenipode = Template . bind ( { } ) ; Chenipode . args = { card } ;