@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
29 lines • 2.06 kB
JavaScript
import React, { Children, cloneElement } from 'react';
import classnames from 'classnames';
import { STYLE } from './ToastDetails.constants';
import './ToastDetails.style.scss';
/**
* The `<ToastDetails />` component. This component is meant to be consumed by only the `<Toast />` component.
* @deprecated Use the equivalent from momentum.design (NPM: `@momentum-design/components/dist/react`)
*/
var ToastDetails = function (props) {
var badges = props.badges, children = props.children, className = props.className, controls = props.controls, id = props.id, image = props.image, info = props.info, infoColor = props.infoColor, style = props.style, subject = props.subject, title = props.title;
var imageComponent = cloneElement(image, {
className: classnames(STYLE.image, image.props.className),
size: 32,
});
var infoComponent = badges && badges.length > 0 ? (React.createElement("div", { className: STYLE.badges }, badges.map(function (badge, index) { return (React.createElement("div", { key: index, className: STYLE.badge }, badge)); }))) : (React.createElement("div", { className: STYLE.info, "data-color": infoColor }, info));
var contentComponent = (React.createElement("div", { className: STYLE.content },
React.createElement("div", { className: STYLE.title, "data-centered": !(badges || info || subject) }, title || children),
subject ? React.createElement("div", { className: STYLE.subject }, subject) : null,
info || badges ? infoComponent : null));
var controlsComponent = controls && Children.toArray(controls).length > 0 ? (React.createElement("div", { className: STYLE.controls }, Children.toArray(controls).map(function (control) {
return cloneElement(control, { isCircular: true });
}))) : null;
return (React.createElement("div", { className: classnames(className, STYLE.wrapper), id: id, style: style },
imageComponent,
contentComponent,
controlsComponent));
};
export default ToastDetails;
//# sourceMappingURL=ToastDetails.js.map