{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spokes",
  "files": [
    {
      "path": "registry/components/loading-ui/spokes.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nfunction Spokes({ className, style, ...props }: React.ComponentProps<\"svg\">) {\n  return (\n    <>\n      <style>{`\n        @keyframes loading-ui-spokes-spin {\n          to {\n            transform: rotate(360deg);\n          }\n        }\n      `}</style>\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={cn(className)}\n        style={{\n          animationName: \"loading-ui-spokes-spin\",\n          animationDuration: \"var(--duration, 1s)\",\n          animationTimingFunction: \"linear\",\n          animationIterationCount: \"infinite\",\n          ...style,\n        }}\n        {...props}\n      >\n        <path\n          d=\"M12 2V6M16.2 7.8L19.1 4.9M18 12H22M16.2 16.2L19.1 19.1M12 18V22M4.9 19.1L7.8 16.2M2 12H6M4.9 4.9L7.8 7.8\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </>\n  );\n}\n\nexport { Spokes };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}