use dioxus::prelude::*;
use log::debug;

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

pub fn Navbar() -> Element {
    debug!("Navbar rendering");

    rsx! {
        style { {STYLE_SHEET} },

        div {
            class: ClassName::NAVBAR,

            button {
                style: "background: url(./images/add_user2.png) center no-repeat",
            },

            button {
                style: "background: url(./images/directory.png) center no-repeat",
            },

            button {
                style: "background: url(./images/phone.png) center no-repeat",
            },

            button {
                style: "background: url(./images/medias.png) center no-repeat",
            },

            button {
                style: "background: url(./images/games.png) center no-repeat",
            },

            button {
                style: "background: url(./images/ban_user.png) center no-repeat",
            },

            button {
                class: ClassName::FLEX_RIGHT_AERO_BUTTON,
                style: "background: url(./images/brush.png) center no-repeat",
            },

            button {
                class: ClassName::FLEX_LAST_BUTTON,
                style: "background: url(./images/settings.png) center no-repeat",
            },
        },
    }
}