wix-style-react/dist/es/src/Input/IconAffix/IconAffix.js

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import InputConsumer from '../InputConsumer';
import { st, classes } from './IconAffix.st.css';

var IconAffix = function IconAffix(_ref) {
  var children = _ref.children,
      dataHook = _ref.dataHook;
  return /*#__PURE__*/React.createElement(InputConsumer, {
    consumerCompName: IconAffix.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.createElement("div", {
      className: st(classes.root, {
        size: size,
        inPrefix: inPrefix,
        inSuffix: inSuffix,
        border: roundInput ? 'round' : border,
        disabled: disabled
      }),
      onClick: !disabled ? onInputClicked : undefined,
      "data-hook": dataHook
    }, /*#__PURE__*/React.cloneElement(children, {
      size: size === 'small' ? '18px' : '24px'
    }));
  });
};

IconAffix.displayName = 'Input.IconAffix';
IconAffix.propTypes = {
  children: PropTypes.element.isRequired,
  dataHook: PropTypes.string
};
export default IconAffix;