export const WalletStatusSkeleton = () => {
    return <div className="grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-4 gap-6 animate-pulse">
        <div className="w-full bg-auth-form p-[18px] h-full rounded-[40px] flex flex-col gap-[42px] min-h-[220px]">
            <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center"></div>
            <div className="flex flex-col gap-8">
                <div className="flex flex-col gap-3 w-32 h-2 bg-secondary-color rounded-full"></div>
                <div className="flex flex-col gap-3 w-20 h-2 bg-secondary-color rounded-full"></div>
            </div>
        </div>
        <div className="w-full bg-auth-form p-[18px] h-full rounded-[40px] flex flex-col gap-[42px] min-h-[220px]">
            <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center"></div>
            <div className="flex flex-col gap-8">
                <div className="flex flex-col gap-3 w-32 h-2 bg-secondary-color rounded-full"></div>
                <div className="flex flex-col gap-3 w-20 h-2 bg-secondary-color rounded-full"></div>
            </div>
        </div>
    </div>
}