import { jsx as _jsx } from "react/jsx-runtime";
import { EnterFullScreenIcon } from "@radix-ui/react-icons";
import { useEditContext } from "../../client/editContext";
import { SimpleIconButton } from "../../ui/SimpleIconButton";
export function FullscreenControl() {
    const editContext = useEditContext();
    if (!editContext)
        return null;
    const activeSlotContext = editContext.getActiveSlotContext?.();
    const page = activeSlotContext?.primaryPageViewContext?.page ?? editContext.page;
    if (!page)
        return null;
    return (_jsx(SimpleIconButton, { icon: _jsx(EnterFullScreenIcon, { className: "h-6 w-6 p-1" }), label: "Fullscreen", size: "large", "data-testid": "fullscreen-button", onClick: () => editContext.setFullscreen(true) }));
}
//# sourceMappingURL=FullscreenControl.js.map