{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner-dependencies",
  "title": "Skeleton Card",
  "description": "component for the Skeleton Card",
  "dependencies": [
    "class-variance-authority",
    "lucide-react"
  ],
  "files": [
    {
      "path": "app/registry/spectrumui/spinner-dependencies.tsx",
      "content": "import React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { VariantProps, cva } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\n\nconst spinnerVariants = cva(\"flex-col items-center justify-center\", {\n  variants: {\n    show: {\n      true: \"flex\",\n      false: \"hidden\",\n    },\n  },\n  defaultVariants: {\n    show: true,\n  },\n});\n\nconst loaderVariants = cva(\"animate-spin text-primary\", {\n  variants: {\n    size: {\n      small: \"size-6\",\n      medium: \"size-8\",\n      large: \"size-12\",\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n  },\n});\n\ninterface SpinnerContentProps\n  extends VariantProps<typeof spinnerVariants>,\n    VariantProps<typeof loaderVariants> {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function Spinner({\n  size,\n  show,\n  children,\n  className,\n}: SpinnerContentProps) {\n  return (\n    <span className={spinnerVariants({ show })}>\n      <Loader2 className={cn(loaderVariants({ size }), className)} />\n      {children}\n    </span>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/spinner-dependencies.tsx"
    }
  ],
  "type": "registry:component"
}