BOC v1.0: RS256 auth, Ledger integration, Prometheus metrics, CI/CD, backup

web-v2/src/components/ui/Skeleton.tsx

@@ -0,0 +1,32 @@
+import { cn } from '@/lib/utils'
+
+interface SkeletonProps {
+  className?: string
+}
+
+export function Skeleton({ className }: SkeletonProps) {
+  return (
+    <div
+      className={cn(
+        'animate-pulse rounded-[14px] bg-text-secondary/8',
+        className
+      )}
+    />
+  )
+}
+
+export function SkeletonText({ lines = 1, className }: { lines?: number; className?: string }) {
+  return (
+    <div className={cn('space-y-2', className)}>
+      {Array.from({ length: lines }).map((_, i) => (
+        <Skeleton
+          key={i}
+          className={cn(
+            'h-4',
+            i === lines - 1 && lines > 1 ? 'w-3/4' : 'w-full'
+          )}
+        />
+      ))}
+    </div>
+  )
+}