UNPKG

@openshift-console/dynamic-plugin-sdk

Version:

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

25 lines (24 loc) 977 B
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;