import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { __ } from "@wordpress/i18n";
import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
import { __experimentalText as Text } from "@wordpress/components";
import BackgroundPanel from "./background-panel";
import ScreenHeader from "./header";
import { unlock } from "../../lock-unlock";
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\u2019s background.") })
      }
    ),
    hasBackgroundPanel && /* @__PURE__ */ jsx(BackgroundPanel, {})
  ] });
}
var screen_background_default = ScreenBackground;
export {
  screen_background_default as default
};
//# sourceMappingURL=screen-background.js.map
