{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shine-effect-button",
  "type": "registry:component",
  "description": "A Button component with shine effect animation on hover.",
  "dependencies": [],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/shine-effect/ShineEffectButton.tsx",
      "content": "import { Button } from '@/components/ui/button'\r\n\r\nconst ShineEffectButton = () => {\r\n  return (\r\n    <Button className='relative overflow-hidden before:absolute before:inset-0 before:rounded-[inherit] before:bg-[linear-gradient(45deg,transparent_25%,rgba(255,255,255,0.7)_50%,transparent_75%,transparent_100%)] before:bg-[length:250%_250%,100%_100%] before:bg-[position:200%_0,0_0] before:bg-no-repeat before:transition-[background-position_0s_ease] before:duration-1000 hover:before:bg-[position:-100%_0,0_0] dark:before:bg-[linear-gradient(45deg,transparent_25%,rgba(120,160,255,0.25)_50%,transparent_75%,transparent_100%)]'>\r\n      Shine Hover\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport default ShineEffectButton\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/shine-effect/ShineEffectButton.tsx"
    }
  ]
}