text: export const SPACING = {
    4: 4,
    8: 8,
    10: 10,
    16: 16,
    20: 20,
    24: 24,
    30: 30,
    40: 40,
    50: 50,
    60: 60,
    70: 70,
    80: 80,
  };
  
  export const PAD = {
    xs: SPACING[24],
    sm: SPACING[40],
    md: SPACING[60],
    lg: SPACING[80],
    xl: SPACING[80],
  };
  
  export const ROUND = {
    xs: 4,
    sm: 8,
    md: 12,
    lg: 20,
    xl: 32,
  };
  
  export const BREAKPOINT = {
    xs: 0,
    sm: 576,
    md: 768,
    lg: 1024,
    xl: 1200,
  };
  
  export const ZINDEX = {
    dropdown: 1000,
    sticky: 1020,
    fixed: 1030,
    backdrop: 1040,
    modal: 1050,
    popover: 1060,
    tooltip: 1070,
  };
  
  export const H = {
    10: 10,
    12: 12,
    14: 14,
    16: 16,
    18: 18,
    22: 22,
    32: 32,
    42: 42,
  };
  
  export const LINEHEIGHT = {
    10: 1.2,
    12: 1.3,
    14: 1.4,
    16: 1.3,
    18: 1.3,
    22: 1.2,
    32: 1.1,
    42: 1.1,
  };
  