Sha256: 3b1e4fff3d3728ea5a356e0bffc589b66ab4323c309b333a7de9f6ace074080b
Contents?: true
Size: 1.29 KB
Versions: 60
Compression:
Stored size: 1.29 KB
Contents
import React from 'react';
import { translate as __ } from 'foremanReact/common/I18n';
import PropTypes from 'prop-types';
import { Tooltip } from '@patternfly/react-core';
import { EnterpriseIcon, RegistryIcon } from '@patternfly/react-icons';
import './contentViewIcon.scss';
const ContentViewIcon = ({
composite, count, description, style, ...toolTipProps
}) => {
const props = {
className: composite ? 'svg-icon-composite' : 'svg-icon-component',
};
const cvIcon = (
<Tooltip
position="auto"
enableFlip
entryDelay={400}
content={composite ? __('Composite content view') : __('Content view')}
{...toolTipProps}
>
{composite ? <RegistryIcon size="md" {...props} /> : <EnterpriseIcon size="sm" {...props} />}
</Tooltip>
);
return (
<div aria-label="content_view_icon" className="svg-centered-container" style={style}>
{count && <span className="composite-component-count">{count}</span>}
{cvIcon}
<span>{description}</span>
</div>
);
};
ContentViewIcon.propTypes = {
composite: PropTypes.bool,
count: PropTypes.node,
description: PropTypes.node,
style: PropTypes.shape({}),
};
ContentViewIcon.defaultProps = {
composite: false,
count: null,
description: null,
style: {},
};
export default ContentViewIcon;
Version data entries
60 entries across 60 versions & 1 rubygems