import { Calendar2, Cup } from "iconsax-react"
import ProgressCircle from "./progress-circle"

export const AwardNotComplete = () => {
    return (
        <div className="flex flex-col items-center gap-5 bg-auth-form rounded-[40px] w-full h-full relative p-[18px]">
            <div className="flex flex-row items-center justify-between w-full">
                <div className="flex flex-row gap-x-[6px] items-center">
                    <p className="font-normal text-lg text-primary-text-color">75</p>
                    <Cup className="size-4" color="#11212D" />
                </div>
                <ProgressCircle percentage={75} />
            </div>
            <div className="flex flex-col items-start gap-3">
                <p className="font-normal text-base text-primary-text-color" style={{ fontFamily: "vazirmatn" }}>۲۵۰ هزار تومان تخفیف برای اقامت در تمام ویلاها و کلبه های جاجیگا با حداقل رزرو ۲ میلیون تومان</p>
                <div className="flex flex-row items-center gap-2">
                    <p className="font-normal text-sm text-secondary-text-color">1403/06/12</p>
                    <Calendar2 color="#777577" className="size-5" />
                </div>
            </div>
        </div>
    )
}