<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <template class="WeegtkMessage" parent="GtkBox">
    <property name="orientation">horizontal</property>
    <property name="valign">start</property>
    <property name="halign">start</property>
    <!-- <property name="margin-top">2</property> -->
    <!-- <property name="margin-bottom">2</property> -->
    <style>
      <class name="message"/>
    </style>
    <child>
      <object class="AdwAvatar" id="avatar">
        <property name="size">32</property>
        <property name="text" translatable="true">Username</property>
        <property name="show-initials">true</property>
        <property name="margin-start">10</property>
        <property name="margin-end">10</property>
        <property name="valign">start</property>
      </object>
    </child>
    <child>
      <object class="GtkBox" id="MessageText">
        <property name="orientation">1</property>
        <property name="valign">1</property>
        <property name="halign">1</property>
        <child>
          <object class="GtkLabel" id="username">
            <property name="label" translatable="true">Username</property>
            <property name="halign">1</property>
            <property name="selectable">true</property>
            <style>
              <class name="username"/>
            </style>
          </object>
        </child>
        <child>
          <object class="GtkBox" id="message_list">
            <property name="orientation">1</property>
            <property name="valign">1</property>
            <property name="halign">1</property>
            <!-- <child> -->
            <!--   <object class="GtkLabel" id="message"> -->
            <!--     <property name="label" translatable="true">This is the the message that some user sent</property> -->
            <!--     <property name="halign">1</property> -->
            <!--     <property name="selectable">true</property> -->
            <!--     <property name="wrap">true</property> -->
            <!--     <property name="halign">0</property> -->
            <!--     <property name="hexpand">true</property> -->
            <!--     <property name="hexpand-set">true</property> -->
            <!--     <property name="xalign">0</property> -->
            <!--     <style> -->
            <!--       <class name="message"/> -->
            <!--     </style> -->
            <!--   </object> -->
            <!-- </child> -->
          </object>
        </child>
      </object>
    </child>
  </template>
</interface>