import React from "react" ; import { Meta , Story } from "@storybook/react" ; import { CreatureImage } from "./creatureImage" ; export default { title : "Display/CreatureImage" , component : CreatureImage , argTypes : { definitionId : { type : "number" , required : true } , facing : { control : { type : "radio" , options : [ "front" , "back" ] } } , baseUrl : { control : { type : null } } } } as Meta ; const Template = ( args ) => < CreatureImage { ... args } / > ; export const Kirkanon = Template . bind ( { } ) ; Kirkanon . args = { definitionId : 47 , facing : "front" , baseUrl : "https://creaturechess.com/" } ; export const CardilingFacingAway = Template . bind ( { } ) ; CardilingFacingAway . args = { definitionId : 13 , facing : "back" , baseUrl : "https://creaturechess.com/" } ;