vinyl-component-blocks/src/config/sizes.ts

Modular, Reusable, and Styled UI Component Library. Stop repeating work, install, call, use, modify.

export type ComponentSize = 'default' | 'large' | 'small';

export const sidePaddings: {[key in ComponentSize]: number} = {
    large: 30,
    default: 25,
    small: 20,
}

export const heights: {[key in ComponentSize]: number} = {
    large: 55,
    default: 45,
    small: 35,
}