const Shell = ({ style }) => { const [typingDone, setTypingDone] = React.useState(false) return ( <div style={style}> <FauxWindow> <FauxChrome /> <Typist cursor={{ show: false, hideWhenDone: true, hideWhenDoneDelay: 0 }} avgTypingDelay={50} onTypingDone={() => setTypingDone(true)} > <Cmd>$ hygen component new --name avatar</Cmd> </Typist> {typingDone && ( <div> <Add> added: src/components/avatar.js</Add> <Add> added: src/components/avatar.story.js</Add> <Add> added: src/components/__tests__/avatar.spec.js</Add> <Inject> inject: src/components/index.js</Inject> <Inject> inject: docs/components.md</Inject> </div> )} </FauxWindow> </div> ) }
const Shell = ({ style }) => { const [typingDone, setTypingDone] = React.useState(false) return ( <div style={style}> <FauxWindow> <FauxChrome /> <Typist cursor={{ show: false, hideWhenDone: true, hideWhenDoneDelay: 0 }} avgTypingDelay={50} onTypingDone={() => setTypingDone(true)} > <Cmd>$ hygen component new --name avatar</Cmd> </Typist> {typingDone && ( <div> <Add> added: src/components/avatar.js</Add> <Add> added: src/components/avatar.story.js</Add> <Add> added: src/components/__tests__/avatar.spec.js</Add> <Inject> inject: src/components/index.js</Inject> <Inject> inject: docs/components.md</Inject> </div> )} </FauxWindow> </div> ) }