{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-36",
  "type": "registry:component",
  "title": "Button 36",
  "description": "Button 36. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "badge",
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-36.tsx",
      "type": "registry:component",
      "content": "import { IoMailOpenOutline } from 'react-icons/io5';\nimport { Badge } from '@/components/base-ui/badge';\nimport { Button } from '@/components/base-ui/button';\n\nconst Button36 = () => {\n  return (\n    <Button variant=\"outline\" size=\"icon\" className=\"relative\">\n      <IoMailOpenOutline className=\"size-5\" />\n      <span className=\"sr-only\">Messages</span>\n      <Badge className=\"absolute -top-2.5 -right-2.5 h-5 min-w-5 px-1 tabular-nums\">\n        3\n      </Badge>\n    </Button>\n  );\n};\n\nexport default Button36;\n"
    }
  ]
}