{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-2",
  "type": "registry:component",
  "title": "Alert 2",
  "description": "Alert 2. A component used to display important messages, notifications, or feedback to the user.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "alert",
    "avatar"
  ],
  "files": [
    {
      "path": "components/watermelon/alert-2.tsx",
      "type": "registry:component",
      "content": "import { MdError } from 'react-icons/md';\n\nimport {\n  Alert,\n  AlertTitle,\n  AlertDescription,\n} from '@/components/base-ui/alert';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from '@/components/base-ui/avatar';\n\nconst Alert2 = () => {\n  return (\n    <Alert className=\"flex items-start justify-between gap-3 sm:items-center\">\n      <Avatar className=\"shrink-0 rounded-full\">\n        <AvatarImage\n          src=\"https://github.com/shadcn.png\"\n          alt=\"Vansh Patel\"\n          className=\"rounded-full\"\n        />\n        <AvatarFallback className=\"text-xs\">VP</AvatarFallback>\n      </Avatar>\n\n      <div className=\"flex min-w-0 flex-1 flex-col justify-center leading-[1rem]\">\n        <AlertTitle>Vansh has replied on the mesasge.</AlertTitle>\n        <AlertDescription className=\"leading-[1rem]\">\n          5 unread messages waiting for you.\n        </AlertDescription>\n      </div>\n\n      <MdError className=\"shrink-0\" />\n    </Alert>\n  );\n};\n\nexport default Alert2;\n"
    }
  ]
}