@activecollab/components
Version:
ActiveCollab Components
33 lines (32 loc) • 1.6 kB
JavaScript
"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