import { Link } from "@tanstack/react-router";
import {
    SidebarHeader,
    SidebarMenu,
    SidebarMenuButton,
    SidebarMenuItem,
} from "../ui/sidebar";

export function Header() {
    return (
        <SidebarHeader>
            <SidebarMenu>
                <SidebarMenuItem>
                    <Link to="/">
                        <SidebarMenuButton size="lg" asChild>
                            <div className="flex flex-row">
                                <img
                                    src={"/lst/app/imgs/dkLst.png"}
                                    alt="Description"
                                    className="size-8"
                                />
                                <div className="flex flex-col gap-0.5 leading-none">
                                    <span className="font-semibold">
                                        Logistics Support Tool
                                    </span>

                                    <span className=""></span>
                                </div>
                            </div>
                        </SidebarMenuButton>
                    </Link>
                </SidebarMenuItem>
            </SidebarMenu>
        </SidebarHeader>
    );
}