@gechiui/block-editor/build/components/letter-spacing-control/index.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = LetterSpacingControl;

var _element = require("@gechiui/element");

var _components = require("@gechiui/components");

var _i18n = require("@gechiui/i18n");

var _useSetting = _interopRequireDefault(require("../../components/use-setting"));

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Control for letter-spacing.
 *
 * @param {Object}   props                      Component props.
 * @param {string}   props.value                Currently selected letter-spacing.
 * @param {Function} props.onChange             Handles change in letter-spacing selection.
 * @param {boolean}  props.__unstableInputWidth Input width to pass through to inner UnitControl.
 *
 * @return {GCElement}                          Letter-spacing control.
 */
function LetterSpacingControl(_ref) {
  let {
    value,
    onChange,
    __unstableInputWidth = '60px'
  } = _ref;
  const units = (0, _components.__experimentalUseCustomUnits)({
    availableUnits: (0, _useSetting.default)('spacing.units') || ['px', 'em', 'rem'],
    defaultValues: {
      px: '2',
      em: '.2',
      rem: '.2'
    }
  });
  return (0, _element.createElement)(_components.__experimentalUnitControl, {
    label: (0, _i18n.__)('字母间距'),
    value: value,
    __unstableInputWidth: __unstableInputWidth,
    units: units,
    onChange: onChange
  });
}
//# sourceMappingURL=index.js.map