import React, { PureComponent } from 'react';
import classNames from 'classnames';
import { keysOf } from '../../common';
const colorToClassMap = {
    accent: null,
    subdued: 'softNotificationBadge--subdued',
};
export const COLORS = keysOf(colorToClassMap);
const sizeToClassNameMap = {
    s: null,
    m: 'softNotificationBadge--medium',
};
export const SIZES = keysOf(sizeToClassNameMap);
export class SoftNotificationBadge extends PureComponent {
    render() {
        let { children, className, size = 's', color = 'accent', ...rest } = this.props;
        const classes = classNames('softNotificationBadge', sizeToClassNameMap[size], colorToClassMap[color], className);
        return (React.createElement("span", Object.assign({ className: classes }, rest), children));
    }
}
SoftNotificationBadge.defaultProps = { size: 's', color: 'accent' };
//# sourceMappingURL=SoftBadgeNotification.js.map