{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "type": "registry:ui",
  "title": "Skeleton",
  "description": "A light pencil sketch while content loads.",
  "categories": [
    "core"
  ],
  "files": [
    {
      "path": "ui/skeleton.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\n\n/** A light pencil sketch where content will go. */\nexport function Skeleton({ className = \"\", style, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      aria-hidden\n      data-paper-motion\n      className={`rounded-[2px] ${className}`}\n      style={{\n        background:\n          \"repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 16%, transparent) 0 1px, transparent 1px 6px) 0 0 / 24px 24px\",\n        boxShadow: \"inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)\",\n        animation: \"paper-sketch 1.4s linear infinite\",\n        ...style,\n      }}\n      {...props}\n    />\n  );\n}\n"
    }
  ]
}