import { TextField } from "@mui/material";

function FilterText({ data, setData }) {
  return (
    // <Autocomplete
    //   freeSolo
    //   options={specialtiesData}
    //   getOptionLabel={(option) => option.name}
    //   // inputValue={inputValue}
    //   className="!w-full"
    //   onInputChange={(event, newInputValue) => {
    //     // setInputValue && setInputValue(newInputValue);
    //     // handleSearch(newInputValue);
    //   }}
    //   onChange={(event, newValue) => {
    //     setSelectedOption(newValue);
    //     handleSearch(newValue ? newValue.name : "");
    //   }}
    //   renderInput={(params) => (
    //     <TextField
    //       {...params}
    //       variant="standard"
    //       placeholder={placeholder}
    //       dir="rtl"
    //       InputProps={{
    //         ...params.InputProps,
    //         disableUnderline: true,
    //         style: { height: "100%" },
    //       }}
    //       sx={{
    //         background: "transparent !important",
    //         "& .MuiInputBase-input": {
    //           background: "#FAFAFA",
    //           color: "#6C757D",
    //           padding: "0 16px",
    //           fontSize: "14px",
    //           fontFamily: "inherit",
    //         },
    //       }}
    //       className="!shadow-none !w-full !px-5 !h-full !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal"
    //     />
    //   )}
    // />
    <TextField
      variant="standard"
      onChange={(e) => setData({ ...data, search: e.target.value })}
      InputProps={{
        disableUnderline: true,
      }}
      sx={{
        display: "flex",
        flexDirection: "column",
        justifyContent: "center",
        "& .MuiInput-root": {
          padding: "0",
          borderBottom: "none",
        },
        "& .MuiInputBase-input": {
          color: "#6C757D",
        },
        "& .MuiInputBase-input": {
          color: "#6C757D",
          fontSize: {
            xs: "10px !important",
            sm: "12px !important",
            md: "14px !important",
            lg: "16px !important",
          },
        },
      }}
      placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
      dir="rtl"
      className={`!shadow-none !w-full lg:!w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !rounded-0 !font-normal !text-[#6C757D]`}
    />
  );
}

export default FilterText;
