nshop-front-pc/src/app/(public)/paymentresult/_components/SkeletonCancelOrFailure.tsx

export default function SkeletonCancelOrFailure() { 
    return (
        <div className="w-full animate-pulse px-0">

            <div className="w-full">
                <div className="box-border px-4 w-full">
                    <div className="w-12 h-12 mx-auto mt-9 bg-gray-300"></div>
                    <p className="text-ly-16 text-center mt-6">
                        <span className="text-gray-300 bg-gray-300">Your Order Has Been Received</span>
                    </p>
                    <p className="text-ly-16 mt-4 flex justify-center">
                        <span className="px-3.75 leading-ly-28 text-gray-300 bg-gray-300">Order #600000000</span>
                    </p>
              
                    <div className="mt-6 flex justify-center items-center h-12 border-1 rounded-3xl text-ly-14">
                        <span className="text-gray-300 bg-gray-300">Continue Shopping</span>
                    </div>
                </div>
                <div className="box-border px-4 w-full mt-6">
                    <div className="relative w-full bg-ly-lightgray box-border p-3">
                        <button className="absolute top-3 right-3 w-6 h-6 bg-gray-300"></button>
                        <p className="text-ly-13"><span className="text-gray-300 bg-gray-300">Faqs</span></p>
                        <p className="text-ly-12 text-[#a6a6a6] mt-2">
                            <span className="text-gray-300 bg-gray-300">Pls contact customer service if need any help</span>
                        </p>
                    </div>
                </div>


            </div>
        </div>
    );
}