export interface KIND {
  primary: "primary";
  secondary: "secondary";
  tertiary: "tertiary";
  minimal: "minimal";
}

export interface SIZE {
  compact: "compact";
  default: "default";
  large: "large";
  mini: "mini";
}

export interface SHAPE {
  default: "default";
  pill: "pill";
  round: "round";
  circle: "circle";
  square: "square";
}

export const SIZING = {
  scale0: "2px",
  scale100: "4px",
  scale200: "6px",
  scale300: "8px",
  scale400: "10px",
  scale500: "12px",
  scale550: "14px",
  scale600: "16px",
  scale650: "18px",
  scale700: "20px",
  scale750: "22px",
  scale800: "24px",
  scale850: "28px",
  scale900: "32px",
  scale950: "36px",
  scale1000: "40px",
  scale1200: "48px",
  scale1400: "56px",
  scale1600: "64px",
  scale2400: "96px",
  scale3200: "128px",
  scale4800: "192px",
};