import { h } from "preact" ; export interface ISearchBarProps { onSearch : ( e : KeyboardEvent ) => void ; value : string ; placeholder : string ; } export default ( props ) => ( < div className = "quickey-search-bar" > < input placeholder = { props . placeholder } type = "text" onInput = { props . onSearch } value = { props . value } / > < /div>);