@openshift-console/dynamic-plugin-sdk
Version:
Provides core APIs, types and utilities used by dynamic plugins at runtime.
25 lines (24 loc) • 977 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Badge } from '@patternfly/react-core';
import { css } from '@patternfly/react-styles';
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>
* <Status status={resourceStatus} />
* </ResourceStatus>
* )
* ```
*/
const ResourceStatus = ({ additionalClassNames, badgeAlt, children, }) => {
return (_jsx("span", { className: css('dps-resource-item__resource-status', additionalClassNames), children: _jsx(Badge, { className: css('dps-resource-item__resource-status-badge', {
'dps-resource-item__resource-status-badge--alt': badgeAlt,
}), isRead: true, "data-test": "resource-status", children: children }) }));
};
export default ResourceStatus;