23 lines
588 B
TypeScript
23 lines
588 B
TypeScript
export interface PaddingInterface {
|
|
padding?: number | Array<'large' | 'default' | 'small' | number>;
|
|
margin?: number | Array<'large' | 'default' | 'small' | number>;
|
|
}
|
|
|
|
interface PaddingSizes {
|
|
[key: string]: string;
|
|
}
|
|
|
|
export const PADDING_SIZES: PaddingSizes = {
|
|
default: '30px',
|
|
large: '60px',
|
|
small: '15px',
|
|
};
|
|
|
|
export const getCSSPadding = (value: number | Array<string | number> = 0): string => {
|
|
if (Array.isArray(value)) {
|
|
return value.map(val => PADDING_SIZES[val] || `${val}px`).join(' ');
|
|
} else {
|
|
return `${value}px`;
|
|
}
|
|
};
|