@wordpress/editor/build/components/zoom-out-toggle/index.js

Enhanced block editor for WordPress posts.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _components = require("@wordpress/components");
var _i18n = require("@wordpress/i18n");
var _data = require("@wordpress/data");
var _blockEditor = require("@wordpress/block-editor");
var _icons = require("@wordpress/icons");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

const ZoomOutToggle = () => {
  const {
    isZoomOutMode
  } = (0, _data.useSelect)(select => ({
    isZoomOutMode: select(_blockEditor.store).__unstableGetEditorMode() === 'zoom-out'
  }));
  const {
    __unstableSetEditorMode
  } = (0, _data.useDispatch)(_blockEditor.store);
  const handleZoomOut = () => {
    __unstableSetEditorMode(isZoomOutMode ? 'edit' : 'zoom-out');
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
    onClick: handleZoomOut,
    icon: _icons.square,
    label: (0, _i18n.__)('Toggle Zoom Out'),
    isPressed: isZoomOutMode,
    size: "compact"
  });
};
var _default = exports.default = ZoomOutToggle;
//# sourceMappingURL=index.js.map