@amsterdam/design-system-react/dist/Grid/paddingClasses.js

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
export const paddingClasses = (componentName, paddingBottom, paddingTop, paddingVertical) => {
    const classes = [];
    if (paddingVertical) {
        return [`ams-${componentName}--padding-vertical--${paddingVertical}`];
    }
    if (paddingBottom) {
        classes.push(`ams-${componentName}--padding-bottom--${paddingBottom}`);
    }
    if (paddingTop) {
        classes.push(`ams-${componentName}--padding-top--${paddingTop}`);
    }
    return classes;
};