export default function ReferLoading() {
	return (
		<div className="h-[calc(100vh-200px)] w-full rounded-lg border border-gray-200 bg-gray-50 animate-pulse">
			<div className="p-8 space-y-6">
				<div className="space-y-3">
					<div className="h-8 bg-gray-300 rounded w-1/3"></div>
					<div className="h-4 bg-gray-300 rounded w-2/3"></div>
				</div>

				<div className="space-y-4">
					<div className="h-6 bg-gray-300 rounded w-1/4"></div>
					<div className="h-12 bg-gray-300 rounded"></div>
				</div>

				<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
					<div className="h-24 bg-gray-300 rounded"></div>
					<div className="h-24 bg-gray-300 rounded"></div>
					<div className="h-24 bg-gray-300 rounded"></div>
				</div>

				<div className="space-y-3">
					<div className="h-6 bg-gray-300 rounded w-1/3"></div>
					<div className="space-y-2">
						<div className="h-4 bg-gray-300 rounded"></div>
						<div className="h-4 bg-gray-300 rounded w-5/6"></div>
						<div className="h-4 bg-gray-300 rounded w-4/6"></div>
					</div>
				</div>
			</div>
		</div>
	);
}
