{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shimmer-button-base",
  "type": "registry:component",
  "title": "Shimmer Button (base)",
  "description": "Theme-ready base variant of A button with an animated shimmer effect on hover..",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "components/watermelon/shimmer-button.tsx",
      "type": "registry:component",
      "content": "import { cn } from \"@/lib/utils\";\n\ninterface ShimmerButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport function ShimmerButton({ children, className, ...props }: ShimmerButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative overflow-hidden px-6 py-3 rounded-lg font-medium\",\n        \"bg-primary text-primary-foreground\",\n        \"hover:shadow-lg transition-shadow duration-300\",\n        \"group\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"relative z-10\">{children}</span>\n      <div\n        className={cn(\n          \"absolute inset-0 -translate-x-full\",\n          \"bg-linear-to-r from-transparent via-white/20 to-transparent\",\n          \"group-hover:translate-x-full transition-transform duration-700\"\n        )}\n      />\n    </button>\n  );\n}\n"
    }
  ]
}