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/Divider.tsx | 51 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 src/ui/objects/Divider.tsx

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

diff --git a/src/ui/objects/Divider.tsx b/src/ui/objects/Divider.tsx
new file mode 100644
index 0000000..8f7efcd
--- /dev/null
+++ b/src/ui/objects/Divider.tsx
@@ -0,0 +1,51 @@
+import type { HTMLAttributes, HTMLTag } from "corvos/plugins/jsx.ts";
+
+export type Props = HTMLAttributes<"div" | "hr"> & {
+	"level"?: "strong" | "medium" | "quiet" | "faint";
+	"variant"?: "static-black" | "static-white";
+	"vertical"?: boolean | "dot";
+	"label-as"?: HTMLTag;
+	"children"?: JSX.Element;
+};
+
+export const Divider = ({
+	children,
+	level = "strong",
+	variant,
+	vertical,
+	"label-as": Label = "span",
+	class: cls,
+	...props
+}: Props) =>
+	children ? (
+		<div
+			class:list={[
+				"o-divider",
+				"o-divider--labelled",
+				`o-divider--${level}`,
+				{
+					[`o-divider--${variant}`]: variant,
+					"o-divider--vertical": vertical === true,
+					"o-divider--dot": vertical === "dot",
+				},
+				cls,
+			]}
+			{...props}
+		>
+			<Label class="o-divider__label u-mbs-0">{children}</Label>
+		</div>
+	) : (
+		<hr
+			class:list={[
+				"o-divider",
+				`o-divider--${level}`,
+				{
+					[`o-divider--${variant}`]: variant,
+					"o-divider--vertical": vertical === true,
+					"o-divider--dot": vertical === "dot",
+				},
+				cls,
+			]}
+			{...props}
+		/>
+	);
-- 
cgit v1.3.1