{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "bell-notify-button",
  "type": "registry:component",
  "description": "A Button component with optional code display for UI blocks.",
  "dependencies": [
    "motion/react",
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/bell-notify/BellNotifyButton.tsx",
      "content": "\"use client\";\r\n\r\nimport { Button } from '@/components/ui/button'\r\nimport { Bell, BellOffIcon } from 'lucide-react';\r\nimport { motion } from 'motion/react'\r\nimport { useState } from 'react';\r\n\r\n\r\nconst BellNotifyButton = () => {\r\n    const [bell, setBell] = useState(false);\r\n\r\n    return (\r\n        <>\r\n            <Button onClick={() => setBell(!bell)} className=\"rounded-lg\">\r\n                <motion.span\r\n                    animate={{\r\n                        rotate: bell ? [0, -15, 15, -10, 10, 0] : [0, 0, -15, 10, -10, 0],\r\n                    }}\r\n                    transition={{ duration: 0.6 }}\r\n                    className=\"flex items-center gap-2\"\r\n                >\r\n                    {bell ? (\r\n                        <Bell className=\"size-4\" />\r\n                    ) : (\r\n                        <BellOffIcon className=\"size-4\" />\r\n                    )}{\" \"}\r\n                    {bell ? \"On\" : \"Off\"}\r\n                </motion.span>\r\n            </Button>\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nexport default BellNotifyButton\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/bell-notify/BellNotifyButton.tsx"
    }
  ]
}