import { SearchInput } from '@saas-ui/search-input'

export default const App = () => {
  const [value, setValue] = useState(null)

  const onChange = (e) => {
    setValue(e.target.value)
  }

  const onReset = () => {
    setValue(null)
  }

  return (
    <Box>
      <SearchInput onChange={onChange} onReset={onReset} value={value} />
    </Box>
  )
}