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

export function Header() {
	return (
		<SidebarHeader>
			<SidebarMenu>
				<SidebarMenuItem>
					<Link to="/old">
						<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>
								</div>
							</div>
						</SidebarMenuButton>
					</Link>
				</SidebarMenuItem>
			</SidebarMenu>
		</SidebarHeader>
	);
}
