import { SearchOutlined } from "@mui/icons-material";
import { BaseTextFieldProps, InputAdornment, TextField } from "@mui/material";
import SearchMenu from "../SearchMenu/SearchMenu";
import './search.scss';

const Search = ({ ...rest }: BaseTextFieldProps) => {
  const handleBlur = () => {
  }

  return (
    <div className="search-container">
      <TextField
        required={true}
        {...rest}
        onBlur={handleBlur}
        InputProps={{
          startAdornment: (
            <InputAdornment position="start">
              <SearchMenu open={false}></SearchMenu>
              <SearchOutlined></SearchOutlined>
            </InputAdornment>

          ),
        }}

      ></TextField>
    </div>
  );
}

export default Search