From c1e28224aa2e1450031669d9a7e359b63e04687d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 19:40:59 +0200
Subject: Init

---
 src/ui/objects/Alert.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/ui/objects/Alert.tsx

(limited to 'src/ui/objects/Alert.tsx')

diff --git a/src/ui/objects/Alert.tsx b/src/ui/objects/Alert.tsx
new file mode 100644
index 0000000..f590e18
--- /dev/null
+++ b/src/ui/objects/Alert.tsx
@@ -0,0 +1,21 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+	as?: Tag;
+	icon?: JSX.Element;
+	variant?: "accent" | "positive" | "negative" | "warning";
+}>;
+
+export const Alert = <T extends HTMLTag = "div">({
+	children,
+	as: Tag = "div" as T,
+	variant,
+	icon,
+	class: cls,
+	...props
+}: Props<T>) => (
+	<Tag class:list={["o-alert", { [`o-alert--${variant}`]: variant }, cls]} {...props}>
+		{icon && <span class="u-mie-100">{icon}</span>}
+		{children}
+	</Tag>
+);
-- 
cgit v1.3.1