import { Skeleton } from "@/components/ui/skeleton"; import { Card, CardContent, CardHeader } from "@/components/ui/card"; function SidebarSkeleton() { return (
{Array.from({ length: 8 }).map((_, i) => ( ))}
); } function EventItemSkeleton() { return (
); } export default function CalendarLoading() { return (
{/* Mobile header */}
{/* Desktop search */}
{/* Header */}
{/* Calendar Controls */}
{/* Two Column Layout */}
{/* Events List */}
{Array.from({ length: 6 }).map((_, i) => ( ))}
{/* Sidebar */}
{/* Today's Summary */} {Array.from({ length: 3 }).map((_, i) => (
))}
{/* Calendar Selector */} {Array.from({ length: 4 }).map((_, i) => (
))}
{/* Quick Links */} {Array.from({ length: 2 }).map((_, i) => ( ))}
); }