1 files changed, 49 insertions, 0 deletions
diff --git a/ChatForm.ui.qml b/ChatForm.ui.qml
new file mode 100644
index 0000000..f53342d
--- /dev/null
+++ b/ChatForm.ui.qml
@@ -0,0 +1,49 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import QtGraphicalEffects 1.15
+import Bootstrap 5.3
+
+Item {
+	width: 360
+	height: 64
+
+	Rectangle {
+		id: roundedPill
+		color: "#cc95aac9"
+		radius: 100
+		anchors.fill: parent
+
+		RowLayout {
+			anchors.fill: parent
+			anchors.rightMargin: 8
+			anchors.leftMargin: 8
+			anchors.bottomMargin: 8
+			anchors.topMargin: 8
+			RoundButton {
+				id: attachment
+				display: AbstractButton.IconOnly
+				flat: true
+			}
+
+			TextField {
+				id: chatFormInput
+				Layout.fillWidth: true
+				placeholderText: qsTr("Type your message...")
+			}
+
+			RoundButton {
+				id: emoji
+				flat: true
+				display: AbstractButton.IconOnly
+				highlighted: false
+			}
+
+			RoundButton {
+				id: send
+				display: AbstractButton.IconOnly
+				highlighted: false
+			}
+		}
+	}
+}