1 files changed, 63 insertions, 0 deletions
diff --git a/src/gtk/message.ui b/src/gtk/message.ui
new file mode 100644
index 0000000..dca0237
--- /dev/null
+++ b/src/gtk/message.ui
@@ -0,0 +1,63 @@
+<?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>