27 lines
644 B
TypeScript
27 lines
644 B
TypeScript
|
import styles from './SearchField.module.scss'
|
||
|
|
import { Icon } from './Icon'
|
||
|
|
import { t } from '../../utils/intl'
|
||
|
|
|
||
|
|
type SearchFieldProps = {
|
||
|
|
onChange: (value: string) => void
|
||
|
|
}
|
||
|
|
|
||
|
|
export const SearchField = (props: SearchFieldProps) => {
|
||
|
|
const handleInputChange = (event) => props.onChange(event.target.value)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div class={styles.searchField}>
|
||
|
|
<label for="search-field">
|
||
|
|
<Icon name="search" class={styles.icon} />
|
||
|
|
</label>
|
||
|
|
<input
|
||
|
|
id="search-field"
|
||
|
|
type="text"
|
||
|
|
class="search-input"
|
||
|
|
onInput={handleInputChange}
|
||
|
|
placeholder={t('Search')}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|