export default function AdminDashboardLoading() {
	return (
		<div className="max-w-7xl mx-auto p-6">
			<h1 className="text-2xl font-medium mb-8">Admin Dashboard</h1>

			<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
				<div className="bg-white rounded-lg shadow p-6">
					<div className="animate-pulse">
						<div className="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>
						<div className="h-8 bg-gray-300 rounded w-1/2"></div>
					</div>
				</div>

				<div className="bg-white rounded-lg shadow p-6">
					<div className="animate-pulse">
						<div className="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>
						<div className="h-8 bg-gray-300 rounded w-1/2"></div>
					</div>
				</div>

				<div className="bg-white rounded-lg shadow p-6">
					<div className="animate-pulse">
						<div className="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>
						<div className="h-8 bg-gray-300 rounded w-1/2"></div>
					</div>
				</div>
			</div>

			<div className="bg-white rounded-lg shadow p-6">
				<div className="animate-pulse">
					<div className="h-5 bg-gray-200 rounded w-1/4 mb-4"></div>
					<div className="space-y-2">
						<div className="h-4 bg-gray-100 rounded w-full"></div>
						<div className="h-4 bg-gray-100 rounded w-full"></div>
					</div>
				</div>
			</div>
		</div>
	);
}
