1 files changed, 18 insertions, 0 deletions

diff --git a/src/ui/objects/StatusIndicator.tsx b/src/ui/objects/StatusIndicator.tsx
new file mode 100644
index 0000000..06b6481
--- /dev/null
+++ b/src/ui/objects/StatusIndicator.tsx
@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
+
+export type Props = HTMLAttributes<"div"> & {
+        status?: "accent" | "positive" | "negative" | "warning";
+};
+
+export const StatusIndicator = ({ status, class: cls, ...props }: Props) => (
+        <div
+                class:list={[
+                        "o-status-indicator",
+                        {
+                                [`is-${status}`]: status,
+                        },
+                        cls,
+                ]}
+                {...props}
+        />
+);