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

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Mon Apr 07 2025 9:44:53 PM
 */
import { tokens } from '../../tokens';
import { wrapResponsive } from '../../utilities/opaque-responsive';
import { createResponsiveClassNameLookup, classNameForResponsiveValue } from '../../utilities/responsive-style';
import styles from './PaddingBottom.module.css';
const classNameLookup = createResponsiveClassNameLookup(styles, {
    [tokens.global.space.x0]: 'paddingBottomGlobalSpaceX0',
    [tokens.global.space.x12]: 'paddingBottomGlobalSpaceX12',
    [tokens.global.space.x16]: 'paddingBottomGlobalSpaceX16',
    [tokens.global.space.x20]: 'paddingBottomGlobalSpaceX20',
    [tokens.global.space.x24]: 'paddingBottomGlobalSpaceX24',
    [tokens.global.space.x32]: 'paddingBottomGlobalSpaceX32',
    [tokens.global.space.x40]: 'paddingBottomGlobalSpaceX40',
    [tokens.global.space.x48]: 'paddingBottomGlobalSpaceX48',
    [tokens.global.space.x4]: 'paddingBottomGlobalSpaceX4',
    [tokens.global.space.x56]: 'paddingBottomGlobalSpaceX56',
    [tokens.global.space.x8]: 'paddingBottomGlobalSpaceX8',
});
export function classNameForPaddingBottom({ paddingBottom }) {
    const responsiveValue = wrapResponsive(paddingBottom);
    return classNameForResponsiveValue(responsiveValue, classNameLookup);
}
//# sourceMappingURL=index.js.map