export default function ClientLoading() {
	return (
		<div
			className="flex items-center justify-center min-h-screen"
			style={{ background: "var(--color-background)" }}
		>
			<div
				className="animate-spin w-10 h-10 border-4 rounded-full"
				style={{
					borderColor: "var(--color-primary)",
					borderTopColor: "transparent",
				}}
			/>
		</div>
	);
}