"use strict";

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

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

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

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

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

var ExplicitConstructedResponse = function ExplicitConstructedResponse(props) {
  var attributes = props.attributes,
      value = props.value,
      error = props.error;
  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, attributes, {
    style: {
      display: 'inline-flex',
      visibility: props.isFocused ? 'hidden' : 'visible',
      minHeight: '55px',
      minWidth: '178px',
      position: 'relative',
      cursor: 'pointer'
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      display: 'inline-flex',
      width: '100%',
      minHeight: '46px',
      height: '46px',
      backgroundColor: '#FFF',
      border: "1px solid ".concat(error ? 'red' : '#C0C3CF'),
      boxSizing: 'border-box',
      borderRadius: '4px',
      overflow: 'hidden',
      padding: '12px 21px',
      marginLeft: '4px'
    },
    dangerouslySetInnerHTML: {
      __html: value || '<div>&nbsp;</div>'
    }
  }));
};

ExplicitConstructedResponse.propTypes = {
  attributes: _propTypes["default"].object,
  error: _propTypes["default"].any,
  value: _propTypes["default"].string,
  isFocused: _propTypes["default"].bool
};
var _default = ExplicitConstructedResponse;
exports["default"] = _default;
//# sourceMappingURL=index.js.map