{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-29",
  "type": "registry:component",
  "title": "Button 29",
  "description": "Button 29. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-29.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport { useState } from 'react';\n\nimport { FiBookmark } from 'react-icons/fi';\nimport { FaBookmark } from 'react-icons/fa';\n\nimport { Button } from '@/components/base-ui/button';\n\nconst Button29 = () => {\n  const [bookmarked, setBookmarked] = useState(false);\n\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"icon\"\n      onClick={() => setBookmarked(!bookmarked)}\n    >\n      {bookmarked ? (\n        <FaBookmark className=\"size-5 text-blue-600\" />\n      ) : (\n        <FiBookmark className=\"size-5\" />\n      )}\n      <span className=\"sr-only\">Bookmark</span>\n    </Button>\n  );\n};\n\nexport default Button29;\n"
    }
  ]
}