import { ComponentStory , ComponentMeta } from '@storybook/react' ; import { Category } from './Category' ; export default { title : 'Components/Category' , component : Category , args : { title : 'Pizza' , photoUrl : 'https://images.pexels.com/photos/2147491/pexels-photo-2147491.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=550' , } , } as ComponentMeta < typeof Category > ; const Template = ( args ) => < Category { ... args } / > ; export const Default = Template . bind ( { } ) ; export const Rounded = Template . bind ( { } ) ; Rounded . args = { round : true , } ;