Init

1 files changed, 21 insertions, 0 deletions

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>
+);