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

(limited to 'src/ui/layouts/SplitViewPanel.tsx')

diff --git a/src/ui/layouts/SplitViewPanel.tsx b/src/ui/layouts/SplitViewPanel.tsx
new file mode 100644
index 0000000..7f04b44
--- /dev/null
+++ b/src/ui/layouts/SplitViewPanel.tsx
@@ -0,0 +1,33 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+	as: Tag;
+	sticky?: boolean;
+	side?: "25";
+	min?: "50" | "100" | "200";
+	fill?: boolean;
+}>;
+
+export const SplitViewPanel = <T extends HTMLTag = "div">({
+	as: Tag = "div" as T,
+	sticky,
+	side,
+	min,
+	fill,
+	class: cls,
+	...props
+}: Props<T>) => (
+	<Tag
+		class:list={[
+			"l-split-view__panel",
+			{
+				"l-split-view__panel--sticky": sticky,
+				[`l-split-view__panel--side-${side}`]: side,
+				[`l-split-view__panel--min-${min}`]: min,
+				"l-split-view__panel--fill": fill,
+			},
+			cls,
+		]}
+		{...props}
+	/>
+);
-- 
cgit v1.3.1