@gechiui/components/build/box-control/linked-button.js

UI components for GeChiUI.

"use strict";

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

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

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

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

var _icons = require("@gechiui/icons");

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

var _button = _interopRequireDefault(require("../button"));

var _tooltip = _interopRequireDefault(require("../tooltip"));

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function LinkedButton(_ref) {
  let {
    isLinked,
    ...props
  } = _ref;
  const label = isLinked ? (0, _i18n.__)('解除等比例调整') : (0, _i18n.__)('等比例调整');
  return (0, _element.createElement)(_tooltip.default, {
    text: label
  }, (0, _element.createElement)("span", null, (0, _element.createElement)(_button.default, (0, _extends2.default)({}, props, {
    className: "component-box-control__linked-button",
    variant: isLinked ? 'primary' : 'secondary',
    isSmall: true,
    icon: isLinked ? _icons.link : _icons.linkOff,
    iconSize: 16,
    "aria-label": label
  }))));
}
//# sourceMappingURL=linked-button.js.map