@openshift-console/plugin-shared
Version:
Console plugin shared code
19 lines • 888 B
JavaScript
import * as React from 'react';
import * as classNames from 'classnames';
import './OverviewDetailItem.scss';
export const OverviewDetailItem = ({ title, isLoading = false, children, error, valueClassName, }) => {
let status;
if (error) {
status = React.createElement("span", { className: "text-secondary" }, error);
}
else if (isLoading) {
status = React.createElement("div", { className: "skeleton-text" });
}
else {
status = children;
}
return (React.createElement(React.Fragment, null,
React.createElement("dt", { className: "co-overview-details-card__item-title", "data-test": "detail-item-title" }, title),
React.createElement("dd", { className: classNames('co-overview-details-card__item-value', valueClassName), "data-test": "detail-item-value" }, status)));
};
//# sourceMappingURL=OverviewDetailItem.js.map