{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glowing-border-button",
  "title": "Glowing Border Button",
  "description": "A stylish button with a glowing border animation.",
  "dependencies": [
    "clsx",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "registry/chamaac/glowing-border-button/glowing-border-button.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface GlowingBorderButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  className?: string; // Explicitly kept if needed, though extended types usually cover it\n  children: React.ReactNode;\n}\n\nconst GlowingBorderButton = ({\n  className,\n  children = \"Book a Call\",\n  ...props\n}: GlowingBorderButtonProps) => {\n  return (\n    <button\n      className={cn(\n        \"glowing-border-button group relative h-[60px] px-4 cursor-pointer border-0 bg-transparent p-0 text-[20px] font-bold outline-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"relative h-full w-full overflow-hidden rounded-[18px] p-[2px] transition-all duration-300 ease-in-out\",\n          \"dark:bg-zinc-800 bg-zinc-200\"\n        )}\n      >\n        {/* Rotating Border Beam */}\n        <div className=\"absolute inset-0 overflow-hidden rounded-[18px]\">\n          <div\n            className={cn(\n              \"absolute left-1/2 top-1/2 h-[500%] w-[80px] -translate-x-1/2 -translate-y-1/2 animate-[spin_3s_linear_infinite]\",\n              \"[background:linear-gradient(to_right,transparent_20%,#50C878_50%,#50C878_60%,transparent_80%)]\",\n              \"blur-[2px]\"\n            )}\n          ></div>\n        </div>\n\n        {/* Inner Content */}\n        <div\n          className={cn(\n            \"content relative z-10 flex h-full w-full items-center justify-center gap-2 rounded-[16px] transition-all duration-300 ease-in-out bg-white dark:bg-black px-11\"\n          )}\n        >\n          <span className=\"dark:text-white text-black transition-colors duration-300\">\n            {children}\n          </span>\n        </div>\n      </div>\n    </button>\n  );\n};\n\nexport default GlowingBorderButton;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}