import { Cup, Transmit } from "iconsax-react"
import { AwardsResponse } from "../../types"
import { FC } from "react"
import { formatDateToPersian } from "../../utility/getDate"

type Props = {
    award: AwardsResponse
}
export const AwardComplete: FC<Props> = ({ award }) => {
    return (
        <div className="flex flex-col w-full h-full justify-between gap-10 bg-auth-form p-[18px] rounded-[40px]">
            <div className="flex flex-col gap-3">
                <p className="font-normal text-lg text-secondary-text-color">{award?.req?.desc}</p>
                <p className="font-normal text-base text-secondary-text-color">{formatDateToPersian(award?.expireDate, "jYYYY/jMM/jD")}</p>
            </div>
            <div className="flex flex-row justify-between items-center">
                <div className="flex flex-row gap-x-[6px] items-center">
                    <p className="font-normal text-lg text-secondary-text-color">{award?.score}</p>
                    <Cup className="size-4" color="#777577" />
                </div>
                <div className="size-10 flex items-center justify-center bg-white rounded-full cursor-pointer">
                    <Transmit className="size-5" color="#777577" />
                </div>
            </div>
        </div>
    )
}