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

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

export default RadioGender;
