Update

src/app/chat/elements/message-box/message-box.html

@@ -1,7 +1,36 @@
-<div id="message-box">
-  <div></div>
-  <div class="items-middle">
-    <textarea></textarea>
+<div id="dragOverlay" tuiGroup orientation="vertical" [class.show]="isDraggingOverWindow">
+  <div class="method">
+    <div class="icon-holder">
+      <tui-icon icon="@tui.file-up"/>
+    </div>
+    <span>{{ "chat.elements.messageBox.uplDrag.upload"|translate }}</span>
+  </div>
+  <div class="method">
+    <div class="icon-holder">
+      <tui-icon icon="@tui.cloud-sync"/>
+    </div>
+    <span>{{ "chat.elements.messageBox.uplDrag.transfer"|translate }}</span>
+  </div>
+</div>
+
+<div id="message-box" [style]="'border-radius:'+messageBoxRadius+'px;'">
+  <div class="items-left">
+    <button tuiButton appearance="flat">
+      <tui-icon icon="@tui.file-up"/>
+    </button>
+
+    <button tuiButton appearance="flat">
+      <tui-icon icon="@tui.cloud-sync"/>
+    </button>
+  </div>
+  <div class="items-middle">
+    <textarea [style]="'height:'+textareaHeight+'px;'" #message (input)="onTextAreaInput(message)" [(ngModel)]="viewModel().message"></textarea>
+    <span class="placeholder"
+          [class.hidden]="message.value != ''">{{ "chat.elements.messageBox.placeholder"|translate }}</span>
+  </div>
+  <div class="items-right">
+    <button tuiButton appearance="flat" (click)="viewModel().onMessageSend(message.value)">
+      <tui-icon icon="@tui.send"/>
+    </button>
   </div>
-  <div></div>
 </div>