@patreon/studio/module/styles/classNameForDataDisplayText/index.js

Patreon Studio Design System

import cx from 'classnames';
import { wrapResponsive } from '../../utilities/opaque-responsive';
import { createResponsiveClassNameLookup, classNameForResponsiveValue } from '../../utilities/responsive-style';
import styles from './DataDisplayTextBundle.module.css';
const classNameDataDisplaySizeLookup = createResponsiveClassNameLookup(styles, {
    md: 'sizeMd',
    lg: 'sizeLg',
    xl: 'sizeXl',
    xxl: 'sizeXxl',
    xxxl: 'sizeXxxl',
});
export function classNameForDataDisplayText(config) {
    const responsiveSize = wrapResponsive(config?.size ?? 'md');
    const weight = config?.weight ?? 'medium';
    return cx(styles.shared, {
        [styles.weightLight]: weight === 'light',
        [styles.weightNormal]: weight === 'normal',
        [styles.weightMedium]: weight === 'medium',
    }, classNameForResponsiveValue(responsiveSize, classNameDataDisplaySizeLookup));
}
//# sourceMappingURL=index.js.map