@flexis/ui
Version:
Styleless React Components
28 lines • 2.46 kB
JavaScript
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { AlignVariant, PlacementValues, AlignValues } from '../../common/types';
import { style, classes } from './BadgeContainer.st.css';
let BadgeContainer = /** @class */ (() => {
class BadgeContainer extends PureComponent {
render() {
const { className, placement, align, children, ...props } = this.props;
return (<span {...props} className={style(classes.root, {
[`${placement}Placement`]: Boolean(placement),
[`${align}Align`]: Boolean(align)
}, className)}>
{children}
</span>);
}
}
BadgeContainer.propTypes = {
placement: PropTypes.oneOf(PlacementValues).isRequired,
align: PropTypes.oneOf(AlignValues),
children: PropTypes.node.isRequired
};
BadgeContainer.defaultProps = {
align: AlignVariant.Center
};
return BadgeContainer;
})();
export default BadgeContainer;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2VDb250YWluZXIuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2VDb250YWluZXIvQmFkZ2VDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBR2IsYUFBYSxFQUNiLE1BQU0sT0FBTyxDQUFDO0FBQ2YsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFDO0FBSW5DLE9BQU8sRUFHTixZQUFZLEVBQ1osZUFBZSxFQUNmLFdBQVcsRUFDWCxNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFDTixLQUFLLEVBQ0wsT0FBTyxFQUNQLE1BQU0seUJBQXlCLENBQUM7QUFhakM7SUFBQSxNQUFxQixjQUFlLFNBQVEsYUFBcUI7UUFZaEUsTUFBTTtZQUVMLE1BQU0sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULEtBQUssRUFDTCxRQUFRLEVBQ1IsR0FBRyxLQUFLLEVBQ1IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBRWYsT0FBTyxDQUNOLENBQUMsSUFBSSxDQUNKLElBQUksS0FBSyxDQUFDLENBQ1YsU0FBUyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUU7Z0JBQzlCLENBQUMsR0FBRyxTQUFTLFdBQVcsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUM7Z0JBQzdDLENBQUMsR0FBRyxLQUFLLE9BQU8sQ0FBQyxFQUFVLE9BQU8sQ0FBQyxLQUFLLENBQUM7YUFDekMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUVkO0lBQUEsQ0FBQyxRQUFRLENBQ1Y7R0FBQSxFQUFFLElBQUksQ0FBQyxDQUNQLENBQUM7UUFDSCxDQUFDOztJQS9CTSx3QkFBUyxHQUFHO1FBQ2xCLFNBQVMsRUFBRSxTQUFTLENBQUMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFVBQVU7UUFDdEQsS0FBSyxFQUFNLFNBQVMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDO1FBQ3ZDLFFBQVEsRUFBRyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVU7S0FDcEMsQ0FBQztJQUVLLDJCQUFZLEdBQUc7UUFDckIsS0FBSyxFQUFFLFlBQVksQ0FBQyxNQUFNO0tBQzFCLENBQUM7SUF3QkgscUJBQUM7S0FBQTtlQWxDb0IsY0FBYyJ9