{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "star-favourite-button",
  "type": "registry:component",
  "description": "A Button component with star animation for favourite functionality.",
  "dependencies": [
    "motion/react",
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/star-favourite/StarFavouriteButton.tsx",
      "content": "\"use client\";\r\n\r\nimport { Button } from '@/components/ui/button'\r\nimport { Star } from 'lucide-react';\r\nimport { motion } from 'motion/react'\r\nimport { useState } from 'react';\r\n\r\n\r\nconst StarFavouriteButton = () => {\r\n    const [starred , setStarred] = useState(false);\r\n  return (\r\n    <>\r\n        <Button onClick={() => setStarred(!starred)} className=\"rounded-lg\">\r\n          <motion.span\r\n            animate={{ rotate: starred ? 360 : 0 }}\r\n            transition={{ duration: 0.5 }}\r\n            className=\"flex items-center gap-2\"\r\n          >\r\n            <Star\r\n              className={`size-4 ${\r\n                starred ? \"fill-warning text-warning-emphasis\" : \"\"\r\n              }`}\r\n            />\r\n          </motion.span>\r\n          {starred ? \"Starred\" : \"Star\"}\r\n        </Button>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default StarFavouriteButton\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/star-favourite/StarFavouriteButton.tsx"
    }
  ]
}