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

Patreon Studio Design System

import cx from 'classnames';
import { wrapResponsive } from '~/utilities/opaque-responsive';
import { classNameForResponsiveValue, createResponsiveClassNameLookup } from '~/utilities/responsive-style';
import styles from './TextLayoutBundle.module.css';
const classNameAlignLookup = createResponsiveClassNameLookup(styles, {
    left: 'alignLeft',
    center: 'alignCenter',
    right: 'alignRight',
});
export function classNameForTextLayout(config) {
    const responsiveAlign = wrapResponsive(config?.align);
    const ellipsis = config?.ellipsis ?? false;
    return cx(styles.shared, classNameForResponsiveValue(responsiveAlign, classNameAlignLookup), {
        [styles.ellipsis]: Boolean(ellipsis),
        [styles.ellipsisBasic]: ellipsis === true,
        [styles.ellipsisLine1]: ellipsis === 1,
        [styles.ellipsisLine2]: ellipsis === 2,
        [styles.ellipsisLine3]: ellipsis === 3,
        [styles.ellipsisLine4]: ellipsis === 4,
        [styles.ellipsisLine5]: ellipsis === 5,
        [styles.ellipsisLine6]: ellipsis === 6,
        [styles.ellipsisLine7]: ellipsis === 7,
    });
}
//# sourceMappingURL=index.js.map