import React, { PureComponent } from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
const sizeToClassNameMap = {
    xs: 'softSpacer--xs',
    s: 'softSpacer--s',
    m: 'softSpacer--m',
    l: 'softSpacer--l',
    xl: 'softSpacer--xl',
    xxl: 'softSpacer--xxl',
};
export const SOFT_SPACES_SIZES = Object.keys(sizeToClassNameMap);
export class SoftSpacer extends PureComponent {
    render() {
        let { className, size, ...rest } = this.props;
        const classes = classNames('softSpacer', sizeToClassNameMap[size], className);
        return React.createElement("div", Object.assign({ className: classes }, rest));
    }
}
SoftSpacer.defaultProps = { size: 'l' };
SoftSpacer.propTypes = {
    size: PropTypes.oneOf(SOFT_SPACES_SIZES)
};
//# sourceMappingURL=SoftSpacer.js.map