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

function RadioGender({ changeData, name, data }) {
  return (
    <RadioGroup
      dir="ltr"
      value={data}
      className="!flex radio-mui !flex-row !gap-[36px] !items-center !justify-start"
      onChange={(e) => changeData(e.target.value, "value", name)}
      sx={{
        "& .muirtl-j204z7-MuiFormControlLabel-root": {
          marginLeft: "0 !important",
        },
      }}
    >
      <FormControlLabel
        label="مرد"
        value="man"
        control={<Radio />}
        dir="rtl"
        className="!text-[#A1A1A1]"
      />
      <FormControlLabel
        label="زن"
        value="woman"
        control={<Radio />}
        dir="rtl"
        className="!text-[#A1A1A1]"
      />
    </RadioGroup>
  );
}

export default RadioGender;
