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");
        protyle.breadcrumb.element.classList.add("fn__none");

        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");
        protyle.scroll?.element.classList.remove("fn__none");
        protyle.breadcrumb.element.classList.remove("fn__none");

    }
    hideElements( ["gutter", "toolbar", "select", "hint", "util"], protyle);
};
