From a0c5fb4a8b2a220233c525fd84749bd225267087 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Mon, 15 Jun 2015 18:35:28 +0100
Subject: [PATCH] Add not-working-yet text box, plus a bit more css

---
 css/molecules/MessageComposer.css | 12 ++++++++++++
 css/molecules/MessageTile.css     |  3 +++
 src/molecules/MessageComposer.js  | 16 ++++++++++++++++
 3 files changed, 31 insertions(+)
 create mode 100644 css/molecules/MessageComposer.css
 create mode 100644 css/molecules/MessageTile.css
 create mode 100644 src/molecules/MessageComposer.js

diff --git a/css/molecules/MessageComposer.css b/css/molecules/MessageComposer.css
new file mode 100644
index 00000000..bc090b9b
--- /dev/null
+++ b/css/molecules/MessageComposer.css
@@ -0,0 +1,12 @@
+.mx_MessageComposer {
+    position: absolute;
+    bottom: 5px;
+    right: 0px;
+    left: 0px;
+    width: 100%;
+    height: 36px;
+}
+
+.mx_MessageComposer textarea {
+    width: 100%;
+}
diff --git a/css/molecules/MessageTile.css b/css/molecules/MessageTile.css
new file mode 100644
index 00000000..777c18a7
--- /dev/null
+++ b/css/molecules/MessageTile.css
@@ -0,0 +1,3 @@
+.mx_MessageTile {
+    border-bottom: 1px solid #eee;
+}
diff --git a/src/molecules/MessageComposer.js b/src/molecules/MessageComposer.js
new file mode 100644
index 00000000..0782797d
--- /dev/null
+++ b/src/molecules/MessageComposer.js
@@ -0,0 +1,16 @@
+var React = require('react');
+
+var MatrixClientPeg = require("../MatrixClientPeg");
+
+module.exports = React.createClass({
+    render: function() {
+        return (
+            <div className="mx_MessageComposer">
+                <form>
+                    <textarea />
+                </form>
+            </div>
+        );
+    },
+});
+