@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
18 lines (17 loc) • 529 B
JavaScript
/**
* @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;
};