<layout>
  <elements>
    <!-- 
      Window decoration
      Make sure to modify WINDOW_DECORATION_PADDING
      and WINDOW_DECORATION_HEADER_HEIGHT in the source code accordingly
    -->
    <rectangle
      consume_mouse_events="1"
      flex_direction="column"
      round="16"
      border="2"
      border_color="#ffffff33"
      color="#080c20fa"
      padding="2">
      <!-- window title -->
      <div width="100%" height="32" align_items="center" position="relative" justify_content="end">
        <div width="100%" justify_content="center">
          <label id="text_window_title" weight="bold" />
        </div>
        <Button id="but_close" border="0" round="16" color="#FFFFFF00" position="absolute">
          <sprite src_internal="wgui/close.svg" width="32" height="32" />
        </Button>
      </div>

      <!-- content itself -->
      <div id="content" padding="8" padding_top="0" gap="4" flex_direction="column">

      </div>
    </rectangle>
  </elements>
</layout>