pub fn Page(allocator: zx.Allocator) zx.Component {
    // Test values for different types
    const string_val = "hello";
    const int_val: i32 = 42;
    const float_val: f32 = 3.14;
    const bool_true = true;
    const bool_false = false;
    const optional_val: ?[]const u8 = "present";
    const optional_null: ?[]const u8 = null;
    const enum_val = InputType.text;

    return (
        <form @allocator={allocator}>
            <input type="text" data-string={string_val} />
            <input type="number" value={int_val} />
            <input type="range" step={float_val} />
            <input type="checkbox" disabled={bool_true} />
            <input type="checkbox" disabled={bool_false} />
            <input type="text" data-user={optional_val} />
            <input type="text" data-user={optional_null} />
            <input type={enum_val} />
        </form>
    );
}

const InputType = enum {
    text,
    number,
    checkbox,
};

const zx = @import("zx");
