Base layout

src/components/MessageBar/MessageBar.tsx

@@ -0,0 +1,22 @@
+import type { Component } from "solid-js";
+
+const MessageBar: Component = () => {
+    return (
+        <div class="bg-stone-800 h-16 shadow-bar z-10 p-2">
+            <div class="join w-full h-full">
+                <div class="w-full h-full">
+                    <label class="input validator join-item w-full h-full">
+                        <input
+                            type="text"
+                            placeholder="Write a text message..."
+                            required
+                        />
+                    </label>
+                </div>
+                <button class="btn btn-neutral join-item h-full">Send</button>
+            </div>
+        </div>
+    );
+};
+
+export default MessageBar;

src/components/MessageBar/index.ts

@@ -0,0 +1 @@
+export * from "./MessageBar";