Function SkeletonLines

dashboard/lib/primitives.tsx:51–71

({
  count = 3,
  widths,
  className,
}: {
  count?: number;
  widths?: Array<string>;
  className?: string;
})

/** Muted, animated placeholder bars for loading states. */
export function SkeletonLines({
  count = 3,
  widths,
  className,
}: {
  count?: number;
  widths?: Array<string>;
  className?: string;
}) {
  return (
    <div className={cn("tdp-skeleton", className)} aria-hidden="true">
      {Array.from({ length: count }, (_, i) => (
        <span
          key={i}
          className="tdp-skeleton-line"
          style={widths && widths[i] ? { width: widths[i] } : undefined}
        />
      ))}
    </div>
  );
}

/** Big-value + small-label stat tile.
 *