import React, { FC } from 'react'
import Button from './Button'
import TextField from "./TextField";

export type SearchBarProps = {
  onClick?: undefined | React.MouseEventHandler<HTMLButtonElement>
  onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined
}
const SearchBar: FC<SearchBarProps> = ({ onClick, onChange }) => {
  return (
    <div className={'search-input'}>
      <TextField inputType="text" placeholder='Buscar...' type='text' onClick={window.location.reload} />
      <Button variant='search' onClick={onClick} />
    </div>
  )
}

export default SearchBar
