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

/**
 * Internal dependencies
 */
import BackgroundPanel from './background-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 {
  useHasBackgroundPanel,
  useGlobalSetting
} = unlock(blockEditorPrivateApis);
function ScreenBackground() {
  const [settings] = useGlobalSetting('');
  const hasBackgroundPanel = useHasBackgroundPanel(settings);
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(ScreenHeader, {
      title: __('Background'),
      description: /*#__PURE__*/_jsx(Text, {
        children: __('Set styles for the site’s background.')
      })
    }), hasBackgroundPanel && /*#__PURE__*/_jsx(BackgroundPanel, {})]
  });
}
export default ScreenBackground;
//# sourceMappingURL=screen-background.js.map