import './button.css'

const StandardBtn = (props) => {

    const {filtersData, setFiltersData, filter} = props.data

    const clickHandler = ( e ) => {
        setFiltersData(prevData => ({
            ...prevData,
            [e.target.name]: e.target.value
        }))
    }

    return (
        <div className='standard-btn'>

           <button name={filter} value={props.title} className='standardBtn' onClick={e => clickHandler(e)}>{props.title}</button>
        </div>
    )
}

export default StandardBtn