<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk+" version="3.10"/>
  <template class="GsContextDialogRow" parent="GtkListBoxRow">
    <property name="visible">True</property>
    <property name="activatable">False</property>
    <property name="can-focus">False</property>

    <child>
      <object class="GtkBox">
        <property name="margin">18</property>
        <property name="orientation">horizontal</property>
        <property name="spacing">18</property>
        <property name="visible">True</property>
        <child>
          <object class="GtkBox" id="lozenge">
            <property name="halign">center</property>
            <property name="valign">start</property>
            <property name="visible">True</property>
            <style>
              <class name="context-tile-lozenge"/>
              <class name="grey"/>
            </style>
            <child>
              <object class="GtkImage" id="lozenge_content_image">
                <property name="halign">center</property>
                <!-- this is a placeholder: the icon is actually set in code -->
                <property name="icon-name">safety-symbolic</property>
                <property name="visible">True</property>
                <accessibility>
                  <relation target="title" type="labelled-by"/>
                  <relation target="description" type="details"/>
                </accessibility>
              </object>
              <packing>
                <property name="expand">True</property>
              </packing>
            </child>
            <child>
              <object class="GtkLabel" id="lozenge_content_text">
                <property name="halign">center</property>
                <!-- this is a placeholder: the text is actually set in code -->
                <property name="label">20 MB</property>
                <property name="visible">False</property>
                <property name="xalign">0.5</property>
                <accessibility>
                  <relation target="title" type="labelled-by"/>
                  <relation target="description" type="details"/>
                </accessibility>
              </object>
              <packing>
                <property name="expand">True</property>
              </packing>
            </child>
          </object>
          <packing>
            <property name="fill">False</property>
          </packing>
        </child>
        <child>
          <object class="GtkBox">
            <property name="orientation">vertical</property>
            <property name="spacing">8</property>
            <property name="visible">True</property>
            <child>
              <object class="GtkLabel" id="title">
                <!-- this is a placeholder: the text is actually set in code -->
                <property name="label">Download Size</property>
                <property name="visible">True</property>
                <property name="xalign">0</property>
                <accessibility>
                  <relation target="lozenge_content_image" type="label-for"/>
                  <relation target="lozenge_content_text" type="label-for"/>
                </accessibility>
                <style>
                  <class name="context-tile-title"/>
                </style>
              </object>
            </child>
            <child>
              <object class="GtkLabel" id="description">
                <!-- this is a placeholder: the text is actually set in code -->
                <property name="label">Needs 150 MB of additional system downloads</property>
                <property name="visible">True</property>
                <property name="wrap">True</property>
                <property name="xalign">0</property>
                <accessibility>
                  <relation target="lozenge_content_image" type="details-for"/>
                  <relation target="lozenge_content_text" type="details-for"/>
                </accessibility>
                <style>
                  <class name="context-tile-description"/>
                </style>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
  </template>
</interface>
