Zef Hemel
3a8aaf2486
Right now mostly extracted from configuration-manager and SilverBullet+'s dashboard. Will be used in more plugs moving forward.
17 lines
414 B
TypeScript
17 lines
414 B
TypeScript
import type { ComponentChildren } from "preact";
|
|
import { cx } from "./cx.ts";
|
|
|
|
export type AlertVariant = "error" | "warning" | "info";
|
|
|
|
export type AlertProps = {
|
|
variant: AlertVariant;
|
|
class?: string;
|
|
children?: ComponentChildren;
|
|
};
|
|
|
|
export function Alert({ variant, class: extra, children }: AlertProps) {
|
|
return (
|
|
<div class={cx("sb-alert", `sb-alert-${variant}`, extra)}>{children}</div>
|
|
);
|
|
}
|