{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner",
  "type": "registry:ui",
  "title": "Spinner",
  "description": "Loading spinner in sm, default and lg sizes with role status and an accessible Loading label. Drop it into buttons, cards or full page states in a Tailwind app.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/spinner.tsx",
      "type": "registry:ui",
      "target": "components/ui/spinner.tsx",
      "content": "\"use client\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Spinner({\n  className,\n  size = \"default\",\n  label = \"Loading\",\n}: {\n  className?: string\n  size?: \"sm\" | \"default\" | \"lg\"\n  label?: string\n}) {\n  return (\n    <span\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label={label}\n      data-size={size}\n      className={cn(\n        \"inline-block animate-spin rounded-full border-2 border-border border-t-accent\",\n        size === \"sm\" && \"size-3.5\",\n        size === \"default\" && \"size-4\",\n        size === \"lg\" && \"size-6 border-[2.5px]\",\n        className\n      )}\n    />\n  )\n}\nexport { Spinner }\n"
    }
  ]
}