19 lines
751 B
TypeScript
19 lines
751 B
TypeScript
import type { Component } from "solid-js";
|
|
import { state } from "../../store/state";
|
|
|
|
const MessageBar: Component = () => {
|
|
return (
|
|
<div class="absolute w-full bottom-0 p-4 z-10">
|
|
<div class="bg-stone-800/25 backdrop-blur-lg h-16 shadow-bar p-2 flex flex-row gap-2 rounded-full">
|
|
<label class="bg-stone-800/50 backdrop-blur-lg input w-full h-full rounded-full focus:border-none outline-none">
|
|
<input type="text" placeholder="Send a message..." />
|
|
</label>
|
|
<button class="bg-black/50 backdrop-blur-lg btn btn-neutral h-full rounded-full">
|
|
Send
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export { MessageBar };
|