UNPKG

@openshift-console/dynamic-plugin-sdk

Version:

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

25 lines (24 loc) 1.01 kB
import { jsx as _jsx } from "react/jsx-runtime"; import { Badge } from '@patternfly/react-core'; import 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 (_jsx("span", { className: classNames('dps-resource-item__resource-status', additionalClassNames), children: _jsx(Badge, { className: classNames('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;