spb/fetcha

1import { cn } from "@/lib/utils";23export function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {4  return <div className={cn("animate-pulse-soft rounded-md bg-bg-muted", className)} {...props} />;5}67export function TableSkeleton({ rows = 6, cols = 5 }: { rows?: number; cols?: number }) {8  return (9    <div className="divide-y divide-border">10      {Array.from({ length: rows }).map((_, i) => (11        <div key={i} className="flex items-center gap-4 px-4 py-3">12          {Array.from({ length: cols }).map((_, j) => (13            <Skeleton key={j} className="h-3.5 flex-1" style={{ maxWidth: j === 0 ? 160 : 120 }} />14          ))}15        </div>16      ))}17    </div>18  );19}20