@patreon/studio/module/styles/classNameForHeadingText/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 './HeadingTextBundle.module.css';
const classNameHeadingSizeLookup = createResponsiveClassNameLookup(styles, {
    xs: 'sizeXs',
    sm: 'sizeSm',
    md: 'sizeMd',
    lg: 'sizeLg',
    xl: 'sizeXl',
});
export function classNameForHeadingText(config) {
    const responsiveSize = wrapResponsive(config?.size ?? 'lg');
    const weight = config?.weight ?? 'medium';
    return cx(styles.shared, {
        [styles.weightLight]: weight === 'light',
        [styles.weightNormal]: weight === 'normal',
        [styles.weightMedium]: weight === 'medium',
    }, classNameForResponsiveValue(responsiveSize, classNameHeadingSizeLookup));
}
//# sourceMappingURL=index.js.map