pub fn Page(allocator: zx.Allocator) zx.Component {
    const show_list = true;
    const items = [_][]const u8{ "Apple", "Banana", "Cherry" };

    return (
        <main @allocator={allocator}>
            {if (show_list) (
                <ul>
                    {for (items) |item| (
                        <li>
                            {if (item.len > 5) (<strong>{item}</strong>) else (<span>{item}</span>)}
                        </li>
                    )}
                </ul>
            ) else (<p>No items</p>)}
        </main>
    );
}

const zx = @import("zx");
