@breakaway/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
14 lines • 1.33 kB
JavaScript
import { __rest } from "tslib";
import * as React from 'react';
import styles from '@breakaway/react-styles/css/components/Icon/icon';
import { css } from '@breakaway/react-styles';
import { Spinner } from '../Spinner';
export const Icon = (_a) => {
var { children, className, progressIcon, size, iconSize, progressIconSize, status, isInline = false, isInProgress = false, defaultProgressArialabel = 'Loading...' } = _a, props = __rest(_a, ["children", "className", "progressIcon", "size", "iconSize", "progressIconSize", "status", "isInline", "isInProgress", "defaultProgressArialabel"]);
const _progressIcon = progressIcon ? (progressIcon) : (React.createElement(Spinner, { diameter: "1em", isSVG: true, "aria-label": defaultProgressArialabel }));
return (React.createElement("span", Object.assign({ className: css(styles.icon, isInline && styles.modifiers.inline, isInProgress && styles.modifiers.inProgress, styles.modifiers[size], className) }, props),
React.createElement("span", { className: css(styles.iconContent, styles.modifiers[iconSize], styles.modifiers[status]) }, children),
isInProgress && (React.createElement("span", { className: css(styles.iconProgress, styles.modifiers[progressIconSize], className) }, _progressIcon))));
};
Icon.displayName = 'Icon';
//# sourceMappingURL=Icon.js.map