1use gpui::{Div, div, prelude::*};
 2
 3/// Creates a horizontal group with tight, consistent spacing.
 4///
 5/// xs: ~2px @16px/rem
 6pub fn h_group_sm() -> Div {
 7    div().flex().gap_0p5()
 8}
 9
10/// Creates a horizontal group with consistent spacing.
11///
12/// s: ~4px @16px/rem
13pub fn h_group() -> Div {
14    div().flex().gap_1()
15}
16
17/// Creates a horizontal group with consistent spacing.
18///
19/// m: ~6px @16px/rem
20pub fn h_group_lg() -> Div {
21    div().flex().gap_1p5()
22}
23
24/// Creates a horizontal group with consistent spacing.
25///
26/// l: ~8px @16px/rem
27pub fn h_group_xl() -> Div {
28    div().flex().gap_2()
29}
30
31/// Creates a vertical group with tight, consistent spacing.
32///
33/// xs: ~2px @16px/rem
34pub fn v_group_sm() -> Div {
35    div().flex().flex_col().gap_0p5()
36}
37
38/// Creates a vertical group with consistent spacing.
39///
40/// s: ~4px @16px/rem
41pub fn v_group() -> Div {
42    div().flex().flex_col().gap_1()
43}
44
45/// Creates a vertical group with consistent spacing.
46///
47/// m: ~6px @16px/rem
48pub fn v_group_lg() -> Div {
49    div().flex().flex_col().gap_1p5()
50}
51
52/// Creates a vertical group with consistent spacing.
53///
54/// l: ~8px @16px/rem
55pub fn v_group_xl() -> Div {
56    div().flex().flex_col().gap_2()
57}