{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-18",
  "type": "registry:component",
  "title": "Button 18",
  "description": "Button 18. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-18.tsx",
      "type": "registry:component",
      "content": "import { HiCheckCircle, HiXCircle } from 'react-icons/hi';\n\nimport { Button } from '@/components/base-ui/button';\n\nconst Button18 = () => {\n  return (\n    <div className=\"flex flex-wrap items-center gap-4\">\n      <Button className=\"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 flex items-center gap-2 rounded-none\">\n        Cancel\n        <HiXCircle />\n      </Button>\n\n      <Button className=\"flex items-center gap-2 rounded-none bg-green-600/10 text-green-600 hover:bg-green-600/20 focus-visible:ring-green-600/20 dark:bg-green-400/10 dark:text-green-400 dark:hover:bg-green-400/20 dark:focus-visible:ring-green-400/40\">\n        Confirm\n        <HiCheckCircle />\n      </Button>\n    </div>\n  );\n};\n\nexport default Button18;\n"
    }
  ]
}