import { useAccountStore } from "@/contexts/AccountContext";
import { observer } from "mobx-react-lite";

export const Sandbox = observer(() => {
	const { isSandboxOpen } = useAccountStore();

	return (
		<div
			data-open={isSandboxOpen}
			className="w-0 data-[open=true]:w-[40svw] border-l-1 transition-all border-r p-0 bg-red-600"
		>
			SANDBOOOOX
		</div>
	);
});
