From 3ab3c8c2d90d9e1c1b43f6022728a74e6b01e2c9 Mon Sep 17 00:00:00 2001
From: demenik <dominik.bernroider@icloud.com>
Date: Fri, 28 Nov 2025 12:59:17 +0100
Subject: [PATCH] feat: Add Flexbox helpers (#56)

---
 src/features/ui/ui/flexbox.rs | 35 +++++++++++++++++++++++++++++++++++
 src/features/ui/ui/mod.rs     |  3 ++-
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 src/features/ui/ui/flexbox.rs

diff --git a/src/features/ui/ui/flexbox.rs b/src/features/ui/ui/flexbox.rs
new file mode 100644
index 0000000..20728b8
--- /dev/null
+++ b/src/features/ui/ui/flexbox.rs
@@ -0,0 +1,35 @@
+use crate::prelude::*;
+
+pub trait Flexbox {
+    fn hstack(spacing: Val) -> Self;
+    fn vstack(spacing: Val) -> Self;
+    fn center() -> Self;
+}
+
+impl Flexbox for Node {
+    fn hstack(spacing: Val) -> Self {
+        Self {
+            flex_direction: FlexDirection::Row,
+            align_items: AlignItems::Center,
+            column_gap: spacing,
+            ..default()
+        }
+    }
+
+    fn vstack(spacing: Val) -> Self {
+        Self {
+            flex_direction: FlexDirection::Column,
+            align_items: AlignItems::Center,
+            row_gap: spacing,
+            ..default()
+        }
+    }
+
+    fn center() -> Self {
+        Self {
+            justify_content: JustifyContent::Center,
+            align_items: AlignItems::Center,
+            ..default()
+        }
+    }
+}
diff --git a/src/features/ui/ui/mod.rs b/src/features/ui/ui/mod.rs
index 9e3220b..f8515af 100644
--- a/src/features/ui/ui/mod.rs
+++ b/src/features/ui/ui/mod.rs
@@ -1,3 +1,4 @@
 pub mod button;
+pub mod flexbox;
 
-pub use button::button;
+pub use button::{button, pill_button};