import React from "react";
import { StyledOptionIndicator, StyledOptionText, StyledAdditionalInfo, StyledOptionContentWrapper } from "./Styles";
import { Avatar } from "../../Avatar/Avatar";
import { MultiAvatar } from "../../MultiAvatar";
export const OptionContent = _ref => {
  let {
    imageUrl,
    color,
    textColor,
    name,
    additionalInfo
  } = _ref;
  return /*#__PURE__*/React.createElement(StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/React.createElement(StyledOptionIndicator, {
    className: "c-option--label",
    backgroundColor: color
  }, imageUrl ? /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(imageUrl) ? /*#__PURE__*/React.createElement(MultiAvatar, {
    className: "c-option--multi-avatar",
    url: imageUrl
  }) : /*#__PURE__*/React.createElement(Avatar, {
    className: "c-option--avatar",
    url: imageUrl
  })) : null) : null, /*#__PURE__*/React.createElement(StyledOptionText, {
    className: "c-option--text",
    textColor: textColor
  }, name), additionalInfo ? /*#__PURE__*/React.createElement(StyledAdditionalInfo, null, additionalInfo) : null);
};
OptionContent.displayName = "OptionContent";
//# sourceMappingURL=OptionContent.js.map