import {setPadding} from "../ui/initUI";
import {hideElements} from "../ui/hideElements";

export const setEditMode = (protyle: IProtyle, type: TEditorMode) => {
    if (type === "preview") {
        if (!protyle.preview.element.classList.contains("fn__none")) {
            return;
        }
        protyle.preview.element.classList.remove("fn__none");
        protyle.contentElement.classList.add("fn__none");
        protyle.scroll?.element.classList.add("fn__none");
        if (protyle.options.render.breadcrumb) {
            protyle.breadcrumb?.element.classList.add("fn__none");
            protyle.breadcrumb.toggleExit(true);
        }
        protyle.preview.render(protyle);
    } else if (type === "wysiwyg") {
        setPadding(protyle);
        if (!protyle.contentElement.classList.contains("fn__none")) {
            return;
        }

        protyle.preview.element.classList.add("fn__none");
        protyle.contentElement.classList.remove("fn__none");
        if (protyle.options.render.scroll) {
            protyle.scroll?.element.classList.remove("fn__none");
        }
        if (protyle.options.render.breadcrumb) {
            protyle.breadcrumb?.element.classList.remove("fn__none");
            protyle.breadcrumb.toggleExit(!protyle.block.showAll);
        }
    }
    hideElements(["gutter", "toolbar", "select", "hint", "util"], protyle);
};