{
    "confirm exit - back": SimpleButton (
        z: 10000,
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (0,0,0,0x7F),
        ),
    ),
    "confirm exit - panel": SimpleButton (
        within: "confirm exit - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.2, px: 0),
                    dist: (frac: 0.6, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.3, px: 0),
                    dist: (frac: 0.4, px: 0),
                )
            ),
            fill_color: (0xFF,0x7F,0x00,0x7F),
        ),
    ),
    "confirm exit - label": SimpleButton (
        within: "confirm exit - panel",

        // Eventually consider re-implementing title:
        // "Confirm abandon unsaved changes"

        text: "Any unsaved changes will be lost. Are you sure?",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0.8, px: 0),
                )
            ),
        ),
    ),
    "confirm exit - confirm button": SimpleButton (
        within: "confirm exit - panel",
        text: "Yes",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.2, px: 0),
                    dist: (frac: 0.2, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.82, px: 0),
                    dist: (frac: 0.16, px: 0),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x3F),
        ),
        while_hovered: ( 
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        )
    ),
    "confirm exit - cancel button": SimpleButton (
        within: "confirm exit - panel",
        text: "Cancel",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.6, px: 0),
                    dist: (frac: 0.2, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.82, px: 0),
                    dist: (frac: 0.16, px: 0),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x3F),
        ),
        while_hovered: ( 
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        )
    ),
}
