"use client";

import { ArrowLeftRight, Plane, Workflow } from "lucide-react";
import Link from "next/link";
import { usePathname } from "next/navigation";

export default function ModeSwitchDropdown() {
	const path = usePathname();

	return (
		<div className="dropdown z-[9999]">
			<div tabIndex={0} role="button" className="btn m-1">
				<ArrowLeftRight /> {path.includes("pilot") && "Pilot"}
				{path.includes("dispatch") && "Leitstelle"}
			</div>
			<ul
				tabIndex={0}
				className="menu dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm"
			>
				<li>
					<Link href={"/dispatch"}>
						<Workflow /> Leitstelle
					</Link>
				</li>
				<li>
					<Link href={"/pilot"}>
						<Plane /> Pilot
					</Link>
				</li>
			</ul>
		</div>
	);
}