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={"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="">v2.0.0</span>
                                </div>
                            </div>
                        </SidebarMenuButton>
                    </Link>
                </SidebarMenuItem>
            </SidebarMenu>
        </SidebarHeader>
    );
}