@activecollab/components
Version:
ActiveCollab Components
28 lines • 1.23 kB
JavaScript
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