import React from 'react';
import classNames from 'classnames';
const responsiveSizesToClassNameMap = {
    xs: 'soft-showFor--xs',
    s: 'soft-showFor--s',
    m: 'soft-showFor--m',
    l: 'soft-showFor--l',
    xl: 'soft-showFor--xl',
};
export const RESPONSIVE_SIZES = Object.keys(responsiveSizesToClassNameMap);
export const SoftShowFor = ({ children, className, sizes, ...rest }) => {
    const sizingClasses = sizes.map(function (item) {
        return responsiveSizesToClassNameMap[item];
    });
    const classes = classNames('softShowFor', sizingClasses, className);
    return (React.createElement("span", Object.assign({ className: classes }, rest), children));
};
//# sourceMappingURL=SoftShowFor.js.map