jsx import { css , jsx } from "@emotion/core" ; import { Story , Meta } from "@storybook/react/types-6-0" ; import { useCallback , useState } from "react" ; import { TagInput , TagInputProps } from "../../components/common/TagInput" ; export default { title : "common/TagInput" , component : TagInput , } as Meta ; const Template = ( args ) => { const [ tags , setTags ] = useState < string [ ] > ( [ ] ) ; const onChange = useCallback ( ( tags ) => setTags ( tags ) , [ setTags ] ) ; return < TagInput { ... args } tags = { tags } onChange = { onChange } / > ; } ; export const Default = Template . bind ( { } ) ; Default . args = { } ;