Skeleton

1import { Skeleton } from "@/components/ui/skeleton"23function SkeletonDemo() {4  return (5    <div className="space-y-6">6      {/* Text lines */}7      <div className="space-y-2">8        <Skeleton className="h-4 w-full" />9        <Skeleton className="h-4 w-4/5" />10        <Skeleton className="h-4 w-3/5" />11      </div>1213      {/* Profile placeholder */}14      <div className="flex items-center space-x-4">15        <Skeleton className="h-12 w-12 rounded-full" />16        <div className="space-y-2">17          <Skeleton className="h-4 w-[200px]" />18          <Skeleton className="h-4 w-[150px]" />19        </div>20      </div>2122      {/* Card placeholder */}23      <div className="flex flex-col space-y-3">24        <Skeleton className="h-[125px] w-[250px] rounded-xl" />25        <Skeleton className="h-4 w-[250px]" />26        <Skeleton className="h-4 w-[200px]" />27      </div>28    </div>29  )30}