import { FormControlLabel, Switch } from "@mui/material";

function SwitchContent({ filter, updateData }) {
  return (
    <div className="flex items-center justify-start gap-[12px]">
      <FormControlLabel
        control={
          <Switch
            checked={filter.active}
            onChange={(event) =>
              updateData("active", event.target.checked ? 1 : 0)
            }
          />
        }
        sx={{
          ".MuiFormControlLabel-label": {
            color: "#3B3B3B",
            fontSize: "16px",
            fontWeight: 500,
          },
          marginLeft: "0 !important",
        }}
        label="فقط پزشکان دارای نوبت"
        labelPlacement="start"
      />
    </div>
  );
}

export default SwitchContent;
