import { Missions } from "(dispatch)/_components/pannel/Missions";
import { usePannelStore } from "_store/pannelStore";
import { cn } from "helpers/cn";

export const Pannel = () => {
	const { isOpen, setOpen } = usePannelStore();
	return (
		<div className={cn("flex-1 max-w-[400px] z-9999999")}>
			<div className="bg-base-100 h-full w-full">
				<div className="flex justify-between items-center p-4">
					<h1 className="text-xl font-bold">Pannel</h1>
					<button className="btn" onClick={() => setOpen(false)}>
						Close
					</button>
				</div>
				<Missions />
			</div>
		</div>
	);
};