1 files changed, 27 insertions, 0 deletions

diff --git a/src/ui/layouts/SplitView.tsx b/src/ui/layouts/SplitView.tsx
new file mode 100644
index 0000000..81a55d1
--- /dev/null
+++ b/src/ui/layouts/SplitView.tsx
@@ -0,0 +1,27 @@
+import type { HTMLTag, Polymorphic } from "corvos/plugins/jsx.ts";
+
+export type Props<Tag extends HTMLTag> = Polymorphic<{
+        "as": Tag;
+        "gapless"?: boolean;
+        "wrap-reverse"?: boolean;
+}>;
+
+export const SplitView = <T extends HTMLTag = "div">({
+        as: Tag = "div" as T,
+        gapless,
+        "wrap-reverse": wrapReverse,
+        class: cls,
+        ...props
+}: Props<T>) => (
+        <Tag
+                class:list={[
+                        "l-split-view",
+                        {
+                                "l-split-view--gapless": gapless,
+                                "l-split-view--wrap-reverse": wrapReverse,
+                        },
+                        cls,
+                ]}
+                {...props}
+        />
+);