react-img-editor-pro/lib/components/ParamSetting/FontSizeSetting.js

图片编辑器（微信截图编辑 PRO 版），来自 react-img-editor

"use strict";

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

var _react = _interopRequireDefault(require("react"));

var _constants = require("../../common/constants");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function FontSizeSetting(props) {
  return /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      margin: '0 8px'
    }
  }, /*#__PURE__*/_react["default"].createElement("button", {
    className: "".concat(_constants.prefixCls, "-font-size ").concat(props.value === 12 ? _constants.prefixCls + '-font-size-activated' : ''),
    onClick: function onClick() {
      return props.onChange(12);
    }
  }, "\u5C0F"), /*#__PURE__*/_react["default"].createElement("button", {
    className: "".concat(_constants.prefixCls, "-font-size ").concat(props.value === 16 ? _constants.prefixCls + '-font-size-activated' : ''),
    onClick: function onClick() {
      return props.onChange(16);
    }
  }, "\u4E2D"), /*#__PURE__*/_react["default"].createElement("button", {
    className: "".concat(_constants.prefixCls, "-font-size ").concat(props.value === 20 ? _constants.prefixCls + '-font-size-activated' : ''),
    onClick: function onClick() {
      return props.onChange(20);
    }
  }, "\u5927"));
}