/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';

/**
 * Internal dependencies
 */
import DimensionsPanel from './dimensions-panel';
import ScreenHeader from './header';
import { unlock } from '../../lock-unlock';
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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, {})]
  });
}
export default ScreenLayout;
//# sourceMappingURL=screen-layout.js.map