@cbinsights/fds/lib/components/TextInput/IconInput/index.js

Form: A design system by CB Insights

"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 _classcat = _interopRequireDefault(require("classcat"));

var _styleConstants = _interopRequireDefault(require("../../../dictionary/js/styleConstants"));

/**
 * @param {Object} props react props
 * @returns {ReactElement}
 */
var IconInput = function IconInput(_ref) {
  var IconLeft = _ref.IconLeft,
      IconRight = _ref.IconRight,
      children = _ref.children;
  var classNames = (0, _classcat.default)([{
    'fdsIconInput--hasStartIcon': Boolean(IconLeft),
    'fdsIconInput--hasEndIcon': Boolean(IconRight)
  }, 'fdsIconInput']);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: classNames
  }, IconLeft && /*#__PURE__*/_react.default.createElement("span", {
    className: "fdsIconInput-icon fdsIconInput-icon--start alignChild--center--center"
  }, /*#__PURE__*/_react.default.createElement(IconLeft, {
    size: "xs",
    color: _styleConstants.default.FONT_COLOR_SECONDARY
  })), children, IconRight && /*#__PURE__*/_react.default.createElement("span", {
    className: "fdsIconInput-icon fdsIconInput-icon--end alignChild--center--center"
  }, /*#__PURE__*/_react.default.createElement(IconRight, {
    size: "xs",
    color: _styleConstants.default.FONT_COLOR_SECONDARY
  })));
};

var _default = IconInput;
exports.default = _default;