{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "skeleton",
  "type": "registry:ui",
  "title": "Skeleton",
  "description": "A skeleton component that can be used to display loading placeholders.",
  "files": [
    {
      "path": "registry/tra-kit/components/skeleton.tsx",
      "content": "import { cva } from 'class-variance-authority';\r\nimport React from 'react';\r\nimport { cn } from '@/lib/utils';\r\n\r\nconst skeletonVariants = cva('h-4 w-full rounded-md bg-neutral opacity-60', {\r\n  variants: {\r\n    animation: {\r\n      true: 'animate-pulse',\r\n      false: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    animation: true,\r\n  },\r\n});\r\n\r\ninterface ISkeleton {\r\n  className?: string;\r\n  animation?: boolean;\r\n}\r\n\r\nconst Skeleton: React.FC<ISkeleton> = ({ className = '', animation = true }) => (\r\n  <div className={cn(skeletonVariants({ animation }), className)} />\r\n);\r\n\r\nexport default Skeleton;\r\n",
      "type": "registry:ui"
    }
  ]
}