import {
  Button,
  FormControl,
  InputLabel,
  MenuItem,
  Select,
} from "@mui/material";
import { useState } from "react";
import { Grid } from "../../../../components/grid/Grid";
import { SPACING } from "../../../../data/spacing";

export const SlaughterHouseVetCancelBar = () => {
  const [selectedOption, setSelectedOption] = useState(null);

  const handleSelectChange = (event) => {
    setSelectedOption(event.target.value);
  };
  return (
    <Grid container gap={SPACING.TINY} style={{ width: "100%" }}>
      <FormControl>
        <InputLabel id="my-select-label">دلیل لغو بار</InputLabel>
        <Select
          value={selectedOption}
          onChange={handleSelectChange}
          label="دلیل لغو بار"
        >
          <MenuItem value="عدم ارسال راننده توسط کشتارگاه">
            عدم ارسال راننده توسط کشتارگاه
          </MenuItem>
          <MenuItem value="عدم تحویل بار توسط مرغدار">
            عدم تحویل بار توسط مرغدار
          </MenuItem>
        </Select>
      </FormControl>
      <Button variant="contained" fullWidth onClick={() => {}}>
        ثبت
      </Button>
    </Grid>
  );
};
