<layout>
  <include src="theme.xml" />

  <macro name="group_box"
    flex_direction="column"
    align_items="baseline"
    border="2"
    color="#00000055"
    border_color="#FFFFFF66"
    padding="12"
    gap="8"
    round="8" />

  <!-- src, text, translation -->
  <template name="GroupBoxTitle">
    <div flex_direction="row" align_items="center" gap="8">
      <sprite src="${src}" src_builtin="${src_builtin}" width="24" height="24" />
      <label text="${text}" translation="${translation}" weight="bold" size="18" />
    </div>
    <rectangle color="#FFFFFF44" width="100%" height="2" />
  </template>
</layout>