first

apps/web/modules/saas/organizations/components/OrganizationInvitationAlert.tsx

@@ -0,0 +1,18 @@
+import { Alert, AlertDescription, AlertTitle } from "@ui/components/alert";
+import { MailCheckIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+
+export function OrganizationInvitationAlert({
+	className,
+}: { className?: string }) {
+	const t = useTranslations();
+	return (
+		<Alert variant="primary" className={className}>
+			<MailCheckIcon />
+			<AlertTitle>{t("organizations.invitationAlert.title")}</AlertTitle>
+			<AlertDescription>
+				{t("organizations.invitationAlert.description")}
+			</AlertDescription>
+		</Alert>
+	);
+}