import ArrowLeftBlueA from "@/components/icons/ArrowLeftBlueA"
import TickCircleGreenA from "@/components/icons/TickCircleGreenA"
import { Button } from "@mui/material"

function SuccessPay() {
    return (
        <div className="pt-[8px] pb-[4px] grid place-items-center">
            <div className="flex flex-col justify-center items-center gap-[14px]">
                <TickCircleGreenA />
                <p className="text-[#3B3B3B] text-[20px] font-bold">پرداخت شما با موفقیت انجام شد.</p>
            </div>
            <p className="text-[#3B3B3B] text-[16px] font-normal mt-[32px] mb-[16px]">برای نمایش نوبت ها به قسمت نوبت های من بروید.  </p>
            <Button
                variant="text"
                className="!flex !items-center !justify-center !gap-[4px]"
            >
                <p className="text-[16px] font-medium text-[#5559CE]">برو به نوبت های من</p>
                <ArrowLeftBlueA />
            </Button>
        </div>
    )
}

export default SuccessPay