{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "classic",
  "files": [
    {
      "path": "registry/components/loading-ui/classic.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\ntype ClassicProps = Omit<React.ComponentProps<\"span\">, \"children\">;\n\nfunction Classic({ className, ...props }: ClassicProps) {\n  return (\n    <>\n      <style>{`\n        @keyframes loading-ui-classic-fade {\n          0% {\n            opacity: 1;\n          }\n\n          100% {\n            opacity: 0.15;\n          }\n        }\n      `}</style>\n      <span\n        role=\"status\"\n        className={cn(\"box-border inline-block size-5\", className)}\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"relative top-1/2 left-1/2 block size-full\"\n        >\n          {Array.from({ length: 12 }, (_, index) => (\n            <span\n              key={index}\n              className=\"absolute top-[-3.9%] left-[-10%] block h-[8%] w-[24%] rounded-(--radius) bg-current\"\n              style={{\n                transform: `rotate(${index * 30}deg) translate(146%)`,\n                animation:\n                  \"loading-ui-classic-fade var(--duration, 1.2s) linear infinite\",\n                animationDelay: `calc(var(--duration, 1.2s) / 12 * ${index - 12})`,\n              }}\n            />\n          ))}\n        </span>\n        <span className=\"sr-only\">Loading</span>\n      </span>\n    </>\n  );\n}\n\nexport { Classic };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}