import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { __ } from "@wordpress/i18n";
import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
import DimensionsPanel from "./dimensions-panel";
import ScreenHeader from "./header";
import { unlock } from "../../lock-unlock";
const { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } = unlock(blockEditorPrivateApis);
function ScreenLayout() {
  const [rawSettings] = useGlobalSetting("");
  const settings = useSettingsForBlockElement(rawSettings);
  const hasDimensionsPanel = useHasDimensionsPanel(settings);
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(ScreenHeader, { title: __("Layout") }),
    hasDimensionsPanel && /* @__PURE__ */ jsx(DimensionsPanel, {})
  ] });
}
var screen_layout_default = ScreenLayout;
export {
  screen_layout_default as default
};
//# sourceMappingURL=screen-layout.js.map
