import React, { useState } from 'react' import TextInput from './TextInput' export default { title: 'search/Text Input' } const TextInputHooked = () => { const [dummyState, setDummyState] = useState('Cats') return ( <> <TextInput searchParams={{ text: dummyState }} onSearchSubmitted={({ text }) => { setDummyState(text) }} /> <pre>Submitted Search Text: {dummyState}</pre> </> ) } export const textInput = () => <TextInputHooked />