use leptos::prelude::{AddAnyAttr, ElementChild, IntoView, StyleAttribute, component, view};
use leptos_router::{NavigateOptions, hooks::use_navigate};
use thaw::{Flex, FlexJustify, LayoutHeader};

#[component]
pub fn SiteHeader() -> impl IntoView {
    let navigate = use_navigate();

    view! {
        <LayoutHeader
            attr:style="padding: 20px;"
            on:click=move |_| {
                navigate("/", NavigateOptions::default());
            }
        >
            <Flex justify=FlexJustify::SpaceAround>
                <img src="/logo.svg" style="width: 36px" />
                <h3>"Rocie"</h3>
            </Flex>
        </LayoutHeader>
    }
}