{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "heart-like-button",
  "type": "registry:component",
  "description": "A Button component with heart animation for like functionality.",
  "dependencies": [
    "motion/react",
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/animatedComponents/buttons/heart-like/HeartLikesButton.tsx",
      "content": "\"use client\";\r\n\r\nimport { Button } from '@/components/ui/button'\r\nimport { Heart } from 'lucide-react';\r\nimport { motion } from 'motion/react'\r\nimport { useState } from 'react';\r\n\r\n\r\nconst HeartLikesButton = () => {\r\n  const [liked , setLiked] = useState(false);\r\n  return (\r\n    <> \r\n        <Button onClick={() => setLiked(!liked)} className=\"rounded-lg\">\r\n          <motion.span\r\n            animate={{ scale: liked ? [1, 1.4, 1] : 1 }}\r\n            transition={{ duration: 0.4 }}\r\n            className=\"flex items-center gap-2\"\r\n          >\r\n            <Heart\r\n              className={`size-4 ${liked ? \"fill-error text-error-emphasis\" : \"\"}`}\r\n            />\r\n            {liked ? \"Liked\" : \"Like\"}\r\n          </motion.span>\r\n        </Button>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default HeartLikesButton\r\n",
      "type": "registry:component",
      "target": "components/animated/buttons/heart-like/HeartLikesButton.tsx"
    }
  ]
}