Alert

import { Alert } from "passport-ui";
import { InfoIcon } from "lucide-react";

<Alert
  title="Heads up!"
  description="You can add components and dependencies to your app using the cli."
  icon={<InfoIcon />}
/>
 
{/* With variants */}
<Alert
  variant="warning"
  title="Warning"
  description="Please review this information carefully before proceeding."
  icon={<AlertTriangleIcon />}
/>