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 };