import { buildCssVariables } from '../utils';

export const styleVariables = {
    inputSmRound: '4px',
    inputRgRound: '5px',
    inputMdRound: '5px',

    inputSmHeight: '30px',
    inputRgHeight: '36px',
    inputMdHeight: '40px',

    inputSmFontSize: '14px',
    inputRgFontSize: '14px',
    inputMdFontSize: '14px',

    inputSmPadding: '0 8px',
    inputRgPadding: '0 12px',
    inputMdPadding: '0 16px',
};

export const variableCSSVariable = buildCssVariables({
    ...styleVariables,
});