{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "title": "Skeleton",
  "description": "Placeholder to show a loading state before content loads.",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "src/components/ui/skeleton.tsx",
      "content": "\"use client\";\n\nimport { ark } from \"@ark-ui/react/factory\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const Skeleton = ({\n  className,\n  ...props\n}: ComponentProps<typeof ark.div>) => {\n  return (\n    <ark.div\n      data-slot=\"skeleton\"\n      className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n      {...props}\n    />\n  );\n};\n",
      "type": "registry:ui",
      "target": "src/components/ui/skeleton.tsx"
    }
  ],
  "type": "registry:ui"
}
