"use client";

import { Mrt } from "pilot/_components/mrt/Mrt";
import { Chat } from "../_components/left/Chat";
import { Report } from "../_components/left/Report";
import { Dme } from "pilot/_components/dme/Dme";
import dynamic from "next/dynamic";
const Map = dynamic(() => import("../dispatch/_components/map/Map"), {
	ssr: false,
});

// ...existing code...
const DispatchPage = () => {
	return (
		<div className="relative flex-1 flex transition-all duration-500 ease w-full">
			{/* <MapToastCard2 /> */}
			<div className="flex flex-1 relative">
				<div className="absolute left-0 top-1/2 transform -translate-y-1/2 pl-4 z-999999">
					<Chat />
					<div className="mt-2">
						<Report />
					</div>
				</div>
				<div className="absolute top-4 right-0 pr-4 z-999999 items-end">
					<div className="max-w-120 mb-2">
						<Mrt />
					</div>
					<div className="max-w-110">
						<Dme />
					</div>
				</div>
				<Map />
			</div>
		</div>
	);
};
// ...existing code...

DispatchPage.displayName = "DispatchPage";

export default DispatchPage;
