"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OptionContent = void 0;
var _react = _interopRequireDefault(require("react"));
var _Styles = require("./Styles");
var _Avatar = require("../../Avatar/Avatar");
var _MultiAvatar = require("../../MultiAvatar");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var OptionContent = exports.OptionContent = function OptionContent(_ref) {
  var imageUrl = _ref.imageUrl,
    color = _ref.color,
    textColor = _ref.textColor,
    name = _ref.name,
    additionalInfo = _ref.additionalInfo;
  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionIndicator, {
    className: "c-option--label",
    backgroundColor: color
  }, imageUrl ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.isArray(imageUrl) ? /*#__PURE__*/_react.default.createElement(_MultiAvatar.MultiAvatar, {
    className: "c-option--multi-avatar",
    url: imageUrl
  }) : /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
    className: "c-option--avatar",
    url: imageUrl
  })) : null) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionText, {
    className: "c-option--text",
    textColor: textColor
  }, name), additionalInfo ? /*#__PURE__*/_react.default.createElement(_Styles.StyledAdditionalInfo, null, additionalInfo) : null);
};
OptionContent.displayName = "OptionContent";
//# sourceMappingURL=OptionContent.js.map