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