export const FAMILY = {
  Sans: 'sans',
  Light: 'light',
  Link: 'link',
  Mono: 'mono',
  CrossedOut: 'crossed-out',
} as const;

export const PURPOSE = {
  Display: 'display',
  Headline: 'headline',
  Title: 'title',
  Label: 'label',
  Body: 'body',
} as const;

export const SIZE = {
  L: 'l',
  M: 'm',
  S: 's',
} as const;

export const TAG = {
  span: 'span',
  h1: 'h1',
  h2: 'h2',
  h3: 'h3',
  h4: 'h4',
  h5: 'h5',
  h6: 'h6',
  div: 'div',
  label: 'label',
  p: 'p',
} as const;