import useFullScreen from "../../store/useFullScreen"; import useModal from "../../store/useModal"; import Button from "../Button"; import HintIcon from "../icons/HintIcon"; import ResizeIcon from "../icons/ResizeIcon"; import HelpModal from "../modals/HelpModal"; import ActiveResizeIcon from "../icons/ActiveResizeIcon"; const TopPanel = () => { const { setModal } = useModal(); const { onFullscreen, isFullscreen, setIsFullscreen } = useFullScreen(); const handleOnHelpClick = () => { setModal(); }; const handleOnFullScreenClick = () => { if (!onFullscreen) return; setIsFullscreen(!isFullscreen); if (!isFullscreen) { onFullscreen.enter(); } else { onFullscreen.exit(); } }; return ( <>
{isFullscreen ? (
); }; export default TopPanel;