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