{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-13",
  "type": "registry:component",
  "title": "Alert 13",
  "description": "Alert 13. A component used to display important messages, notifications, or feedback to the user.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "alert",
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/alert-13.tsx",
      "type": "registry:component",
      "content": "import { MdError } from 'react-icons/md';\nimport { Alert, AlertTitle } from '@/components/base-ui/alert';\nimport { Button } from '@/components/base-ui/button';\n\nconst Alert13 = () => {\n  return (\n    <Alert className=\"flex items-center justify-between [&>svg]:translate-y-0\">\n      <MdError className=\"size-4\" />\n      <AlertTitle className=\"flex-1\">You have a new message!</AlertTitle>\n      <Button variant=\"ghost\" className=\"cursor-pointer rounded-md px-2\">\n        Open\n      </Button>\n    </Alert>\n  );\n};\n\nexport default Alert13;\n"
    }
  ]
}