wix-style-react/dist/src/Input/Affix/Affix.js

wix-style-react

"use strict";

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _AffixSt = require("./Affix.st.css");

var _InputConsumer = _interopRequireDefault(require("../InputConsumer"));

var _context = require("../../FontUpgrade/context");

var Affix = function Affix(_ref) {
  var children = _ref.children,
      value = _ref.value;
  return /*#__PURE__*/_react["default"].createElement(_InputConsumer["default"], {
    consumerCompName: Affix.displayName
  }, function (_ref2) {
    var size = _ref2.size,
        inPrefix = _ref2.inPrefix,
        inSuffix = _ref2.inSuffix,
        border = _ref2.border,
        roundInput = _ref2.roundInput,
        disabled = _ref2.disabled,
        onInputClicked = _ref2.onInputClicked;
    return /*#__PURE__*/_react["default"].createElement(_context.FontUpgradeContext.Consumer, null, function (_ref3) {
      var isMadefor = _ref3.active;
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: (0, _AffixSt.st)(_AffixSt.classes.root, {
          isMadefor: isMadefor,
          size: size,
          inPrefix: inPrefix,
          inSuffix: inSuffix,
          border: roundInput ? 'round' : border,
          disabled: disabled
        }),
        onClick: onInputClicked,
        "data-hook": "custom-affix"
      }, value || children);
    });
  });
};

Affix.displayName = 'Input.Affix';
Affix.propTypes = {
  children: _propTypes["default"].node,
  value: _propTypes["default"].string
};
var _default = Affix;
exports["default"] = _default;