From 1544a4d2ffe8b32f86d6ab834198070ef9eaeb8a Mon Sep 17 00:00:00 2001
From: Yves Biener <yves.biener@gmx.de>
Date: Mon, 11 Nov 2024 12:30:56 +0100
Subject: [PATCH] mod(main): adapt example to showcase configuration of
 `Layout.Padding` and `Layout.Framing`

---
 src/main.zig | 83 ++++++++++++++++++++++++++++++++++------------------
 1 file changed, 54 insertions(+), 29 deletions(-)

diff --git a/src/main.zig b/src/main.zig
index 2d17406..8355a88 100644
--- a/src/main.zig
+++ b/src/main.zig
@@ -37,36 +37,61 @@ pub fn main() !void {
                 break :blk &spacer;
             }),
             Layout.createFrom(framing: {
-                var framing = Layout.Framing.init(allocator, .{
-                    .layout = Layout.createFrom(
-                        padding: {
-                            var padding = Layout.Padding.init(allocator, 2, .{
-                                .layout = Layout.createFrom(vstack: {
-                                    var vstack = Layout.VStack.init(allocator, .{
-                                        Widget.createFrom(blk: {
-                                            const file = try std.fs.cwd().openFile("./src/app.zig", .{});
-                                            defer file.close();
-                                            var widget = Widget.RawText.init(allocator, file);
-                                            break :blk &widget;
-                                        }),
-                                        Widget.createFrom(blk: {
-                                            var spacer = Widget.Spacer.init();
-                                            break :blk &spacer;
-                                        }),
-                                        Widget.createFrom(blk: {
-                                            const file = try std.fs.cwd().openFile("./src/main.zig", .{});
-                                            defer file.close();
-                                            var widget = Widget.RawText.init(allocator, file);
-                                            break :blk &widget;
-                                        }),
-                                    });
-                                    break :vstack &vstack;
-                                }),
-                            });
-                            break :padding &padding;
+                var framing = Layout.Framing.init(
+                    allocator,
+                    .{
+                        .style = .{
+                            .fg = .{
+                                .index = 6,
+                            },
                         },
-                    ),
-                });
+                        .frame = .round,
+                        .title = .{
+                            .str = "VStack",
+                            .style = .{
+                                .ul_style = .single,
+                                .ul = .{ .index = 6 },
+                                .bold = true,
+                            },
+                        },
+                    },
+                    .{
+                        .layout = Layout.createFrom(
+                            padding: {
+                                var padding = Layout.Padding.init(
+                                    allocator,
+                                    .{
+                                        .padding = 1,
+                                    },
+                                    .{
+                                        .layout = Layout.createFrom(vstack: {
+                                            var vstack = Layout.VStack.init(allocator, .{
+                                                Widget.createFrom(blk: {
+                                                    const file = try std.fs.cwd().openFile("./src/app.zig", .{});
+                                                    defer file.close();
+                                                    var widget = Widget.RawText.init(allocator, file);
+                                                    break :blk &widget;
+                                                }),
+                                                Widget.createFrom(blk: {
+                                                    var spacer = Widget.Spacer.init();
+                                                    break :blk &spacer;
+                                                }),
+                                                Widget.createFrom(blk: {
+                                                    const file = try std.fs.cwd().openFile("./src/main.zig", .{});
+                                                    defer file.close();
+                                                    var widget = Widget.RawText.init(allocator, file);
+                                                    break :blk &widget;
+                                                }),
+                                            });
+                                            break :vstack &vstack;
+                                        }),
+                                    },
+                                );
+                                break :padding &padding;
+                            },
+                        ),
+                    },
+                );
                 break :framing &framing;
             }),
             Widget.createFrom(blk: {