{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-4",
  "type": "registry:component",
  "title": "Button 4",
  "description": "Button 4. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-4.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport { FiArrowRight } from 'react-icons/fi';\nimport { Button } from '@/components/base-ui/button';\n\nconst Button4 = () => {\n  return (\n    <Button className=\" group inline-flex items-center gap-2 rounded-lg\">\n      Explore More\n      <FiArrowRight className=\"size-4 transition-transform duration-200 ease-out group-hover:translate-x-1 group-hover:scale-110\" />\n    </Button>\n  );\n};\n\nexport default Button4;\n"
    }
  ]
}
