@wix/design-system
Version:
@wix/design-system
25 lines • 858 B
JavaScript
import React from 'react';
import Text from '../../Text';
import { convertToPercentageString } from './CircularProgressBarCore';
import { Size } from '../constants';
const labelSkinMap = {
standard: 'primary',
premium: 'premium',
success: 'success',
};
const labelSizeMap = {
tiny: undefined,
small: undefined,
medium: 'tiny',
large: 'medium',
};
export const ProgressLabel = props => {
const sizeKey = props.size;
if ([Size.tiny, Size.small].includes(sizeKey)) {
return React.createElement(React.Fragment, null);
}
const labelSize = labelSizeMap[sizeKey];
const labelSkin = labelSkinMap[props['data-skin']];
return (React.createElement(Text, { skin: labelSkin, size: labelSize, weight: "bold" }, props.label || convertToPercentageString(props.value)));
};
//# sourceMappingURL=ProgressLabel.js.map