pub fn Page(allocator: zx.Allocator) zx.Component {
    const user_type: UserType = .admin;
    const status: Status = .inactive;
    return (
        <main @allocator={allocator}>
            {switch (user_type) {
                .admin => switch (status) {
                    .active => (<p>Active Admin</p>),
                    .inactive => switch (status) {
                        .active => (<p>Active Admin</p>),
                        .inactive => switch (status) {
                            .active => (<p>Active Admin</p>),
                            .inactive => switch (status) {
                                .active => (<p>Active Admin</p>),
                                .inactive => (<p>Inactive Admin</p>),
                            },
                        },
                    },
                },
                .member => switch (status) {
                    .active => switch (status) {
                        .active => switch (status) {
                            .active => (<p>Active Admin</p>),
                            .inactive => (<p>Inactive Admin</p>),
                        },
                        .inactive => (<p>Inactive Admin</p>),
                    },
                    .inactive => switch (status) {
                        .active => (<p>Active Admin</p>),
                        .inactive => (<p>Inactive Admin</p>),
                    },
                },
            }}
        </main>
    );
}

const zx = @import("zx");

const UserType = enum { admin, member };
const Status = enum { active, inactive };
