import React from 'react' ; import { Input } from '../../Input/Input' ; export interface FilterInputProps { name : string ; id ? : string ; placeholder ? : string ; value : string ; onChange : ( value : string ) => void ; } export const FilterInput = ( { name , id = name , placeholder = '' , value = '' , onChange , } ) => { return ( < Input id = { id } name = { name } placeholder = { placeholder } backgroundColor = { [ 'blue' , 'blue' , 'white' ] } size = "sm" icon = "search" iconType = "outline" value = { value } onChange = { ( event ) => onChange ( event . target . value ) } />); } ;