pub fn Page(allocator: zx.Allocator) zx.Component {
    return (
        <section @allocator={allocator}>
            <style>
                {
                    \\div {
                    \\    background-color: red;
                    \\    padding: 10px;
                    \\    border-radius: 5px;
                    \\    border: 1px solid black;
                    \\    margin: 10px;
                    \\    width: 100px;
                    \\    height: 100px;
                    \\    display: flex;
                    \\    justify-content: center;
                    \\    align-items: center;
                    \\    font-size: 16px;
                    \\    font-weight: bold;
                    \\    color: white;
                    \\    text-align: center;
                    \\    text-decoration: none;
                    \\    text-transform: uppercase;
                    \\    letter-spacing: 1px;
                    \\}
                }
            </style>
            <script @escaping={.none}>
                {
                    \\ import { data } from "./data.js";
                    \\const data = { name: "test" };
                    \\console.log(data);
                }
            </script>
            <pre @escaping={.none}>
                {
                    \\<h1>name</h1>
                }
            </pre>
            <pre @escaping={.html} class="bold" class="italic">
                {
                    \\<h1>name</h1>
                }
            </pre>
        </section>
    );
}

const zx = @import("zx");
