use dioxus::prelude::*;

turf::style_sheet!("src/components/chats_window/edit_section.scss");

pub fn EditSection() -> Element {
    rsx! {
        style { {STYLE_SHEET} },

        div {
            class: ClassName::INPUT_AREA,

            div {
                class: ClassName::BUTTONS,

                button {
                    "😀"
                },

                button {
                    "😉"
                },

                button {
                    "😴"
                },

                button {
                    "🔊"
                },
            },

            textarea {
                class: ClassName::EDIT,
                placeholder: "Type your message here...",
            },

            div {
                class: ClassName::CMD_BUTTONS,

                button {
                    class: ClassName::SEND_BUTTON,

                    "Send"
                },

                button {
                    "🔎"
                },
            },
        },
    }
}