{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-30",
  "type": "registry:component",
  "title": "Button 30",
  "description": "Button 30. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-30.tsx",
      "type": "registry:component",
      "content": "import { FiAlertTriangle } from 'react-icons/fi';\n\nimport { Button } from '@/components/base-ui/button';\n\nconst Button30 = () => {\n  return (\n    <Button\n      size=\"icon\"\n      className=\"from-destructive via-destructive/60 to-destructive focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 bg-transparent bg-gradient-to-r [background-size:200%_auto] text-white hover:bg-transparent hover:bg-[99%_center]\"\n    >\n      <FiAlertTriangle className=\"size-5\" />\n      <span className=\"sr-only\">Error</span>\n    </Button>\n  );\n};\n\nexport default Button30;\n"
    }
  ]
}