{
    |[
        {<align-x:"center", align-y:"center", padding:0, height:100, width:"fill">
            row<align:"center", spacing:30>[
                image(file!("samples/ferris.png")),
                text<size:40>("Snowcap Viewer")
            ]
        },

        rule-horizontal<height:1>(),

        -<height:"fill">[
            {<width:200, height:"fill", align-x:"center">
                |<align:"center">[
                    svg(file!("samples/coder.svg")),
                    pick-list(["foo", "bar"]),
                    text<size:24>("I'm some text"),
                    text<size:10>("More text in a Column"),
                    space<size:10>(),
                    {<height:"fill", align-y:"center">
                        text<size:17>("Edit the test.iced file to see your changes hot reloaded")
                    }
                ]
            },

            rule-vertical<width:2>(),

            {<width:"fill", height:"fill", align-x:"center", align-y:"top">
                |<align:"center">[
                    markdown(file!("README.md")),
                    qr-code<cell-size:10>(qr!("https://iced.rs")),
                    button(text<size:20>("Button")),
                    toggler<toggled:false, label:"Toggle Label", size:30>()
                ]
            },

            rule-vertical<width:2>(),

            {<width:200, align-x:"center">
                |[
                    text<size:24>("Ipsum"),
                    text(file!("samples/filler.txt"))
                ]
            }
        ]
    ]
}