import React from 'react' ; import { Meta , Story } from '@storybook/react' ; import { Thing , Props } from './Thing' ; const meta = { title : 'Atoms/Thing' , component : Thing , argTypes : { children : { control : { type : 'text' } } } , parameters : { controls : { expanded : true } } } ; export default meta ; const Template = ( args ) => < Thing { ... args } / > ; export const Default = Template . bind ( { } ) ; Default . args = { } ; export const WithChildren = Template . bind ( { } ) ; WithChildren . args = { children : < > hello world < / > } ;