"use client";
import { ASvg } from "~/components/svgs";

export const LoadingPage = () => {
	return (
		<div className="flex h-full max-h-full w-full animate-pulse items-center justify-center py-20">
			<div className="relative flex size-40 animate-spin items-center justify-center rounded-full border-8 border-gray-300 border-t-red-400 text-4xl text-red-400"></div>
			<ASvg className="-translate-y-2 absolute size-24" />
		</div>
	);
};