import { Button } from "@/components/ui/button"
import Layout from "@/hoc/Layout"
import { NextPage } from "next"
import Image from "next/image"
import Link from "next/link"

const SuccesPage: NextPage = () => {
    return (
        <Layout>
            <div className='w-full lg:px-10 px-4 mt-20 '>
                <div className="shadow-lg rounded-2xl p-6 max-w-4xl mx-auto flex justify-between items-center">
                    <div className="flex-1">
                        <div className="text-[#019907]">
                            درخواست مرجوعی ثبت شد
                        </div>

                        <p className="mt-5 text-[#7F7F7F] font-light text-sm">
                            درخواست شما درحال بررسی است در صورت تایید یا عدم تایید درخواست، با پیامک به شما اطلاع میدهیم
                        </p>

                        <Link href="/profile/orders">
                            <Button className="mt-20">پیگیری درخواست</Button>
                        </Link>
                    </div>

                    <Image
                        src="/images/success.png"
                        alt="return-success"
                        width={200}
                        height={130}
                        className="max-w-[200px] max-h-[130px] h-full object-contain"
                    />
                </div>
            </div>
        </Layout>
    )
}

export default SuccesPage