# SearchInput

## Props

- `onChange`
- `onSearchResultClicked` - callback where the only argument is the final value
- `searchResults` - array of search results to display based on the provided criteria
- `searchInput` - input that the user types
- `value` (optional) - initial value
- `allowNotFound` (optional) - boolean saying whether there can be a "Not Found" result at the end of the search results. If this is true, then clicking the "Not Found" result calls the onSearchResultClicked callback with no arguments
- `notFoundText` (optional) - the text that's shown in the search result that represents no result found

```jsx
<SearchInput
  placeholder="Search..."
  onChange={handleChange}
  onSearchResultClicked={handleResultClick}
  searchResults={results}
  searchInput={searchInput}
  notFoundText="Can't find it?"
  allowNotFound
/>
```
