import { Button, ButtonGroup } from "@mui/material";

function Date() {
  return (
    <div className="flex items-center justify-start gap-y-[20px] gap-[8px] md:gap-0">
      <p className="text-[#616161] text-[14px] font-normal md:hidden">
        انتخاب بازه زمانی
      </p>
      <ButtonGroup variant="outlined" className="">
        <Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
          از تاریخ
        </Button>
        <Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
          تا تاریخ
        </Button>
      </ButtonGroup>
    </div>
  );
}

export default Date;