@openshift-console/dynamic-plugin-sdk/lib/app/components/utils/resource-status.js

Provides core APIs, types and utilities used by dynamic plugins at runtime.

import * as React from 'react';
import { Badge } from '@patternfly/react-core';
import * as classNames from 'classnames';
import './resource-status.scss';
/**
 * Component for displaying resource status badge.
 * Use this component to display status of given resource.
 * It accepts child element to be rendered inside the badge.
 * @component ResourceStatus
 * @example
 * ```ts
 * return (
 *  <ResourceStatus additionalClassNames="hidden-xs">
 *    <Status status={resourceStatus} />
 *  </ResourceStatus>
 * )
 * ```
 */
const ResourceStatus = ({ additionalClassNames, badgeAlt, children, }) => {
    return (React.createElement("span", { className: classNames('dps-resource-item__resource-status', additionalClassNames) },
        React.createElement(Badge, { className: classNames('dps-resource-item__resource-status-badge', {
                'dps-resource-item__resource-status-badge--alt': badgeAlt,
            }), isRead: true, "data-test": "resource-status" }, children)));
};
export default ResourceStatus;