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>): string => {
    if (Array.isArray(value)) {
        return value.map(val => PADDING_SIZES[val] || `${val}px`).join(' ');
    } else {
        return `${value}px`;
    }
};