export const TYPOGRAPHY = {
  'typography-heading-2xlarge': 'font-family: inter; font-weight: 700; font-size: 2.5rem; line-height: 2.5rem; letter-spacing: -0.062rem;',
  'typography-heading-xlarge': 'font-family: inter; font-weight: 700; font-size: 2rem; line-height: 2rem; letter-spacing: -0.05rem;',
  'typography-heading-large': 'font-family: inter; font-weight: 700; font-size: 1.75rem; line-height: 2rem; letter-spacing: -0.044rem;',
  'typography-heading-medium': 'font-family: inter; font-weight: 700; font-size: 1.5rem; line-height: 1.75rem; letter-spacing: -0.038rem;',
  'typography-heading-small': 'font-family: inter; font-weight: 600; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: -0.025rem;',
  'typography-heading-xsmall': 'font-family: inter; font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.022rem;',
  'typography-body-large-regular': 'font-family: inter; font-weight: 400; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.017rem',
  'typography-body-large-bold': 'font-family: inter; font-weight: 600; font-size: 1.125rem; line-height: 1.25rem; letter-spacing: -0.022rem;',
  'typography-body-large-bold-underline': 'font-family: inter; font-weight: 600; font-size: 1.125rem; line-height: 1.25rem; letter-spacing: -0.022rem; text-decoration: underline;',
  'typography-body-large-italic': 'font-family: inter; font-weight: 400; font-style: italic; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.017rem',
  'typography-body-medium-regular': 'font-family: inter; font-weight: 400; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.01rem',
  'typography-body-medium-bold': 'font-family: inter; font-weight: 600; font-size: 1rem; line-height: 1.25rem; letter-spacing: -0.015rem;',
  'typography-body-medium-bold-underline': 'font-family: inter; font-weight: 600; font-size: 1rem; line-height: 1.25rem; letter-spacing: -0.015rem; text-decoration: underline;',
  'typography-body-medium-italic': 'font-family: inter; font-weight: 400; font-style: italic; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.01rem',
  'typography-body-small-regular': 'font-family: inter; font-weight: 400; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: -0.004rem;',
  'typography-body-small-bold': 'font-family: inter; font-weight: 600; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: -0.008rem;',
  'typography-body-small-bold-underline':
    'font-family: inter; font-weight: 600; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: -0.008rem; text-decoration: underline;',
  'typography-body-small-italic':
    'font-family: inter; font-weight: 400; font-style: italic; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: -0.004rem;-spacing: -0.004rem; font-style: italic;',
  'typography-monoline-large': 'font-family: inter; font-weight: 600; font-size: 1rem; line-height: 1.5rem; letter-spacing: -0.015rem;',
  'typography-monoline-medium': 'font-family: inter; font-weight: 600; font-size: 0.875rem; line-height: 1rem; letter-spacing: -0.008rem;',
  'typography-monoline-small': 'font-family: inter; font-weight: 500; font-size: 0.875rem; line-height: 1rem; letter-spacing: -0.004rem;',
  'typography-monoline-xsmall': 'font-family: inter; font-weight: 500; font-size: 0.75rem; line-height: 1rem;'
}

export type TypographyTypes = keyof typeof TYPOGRAPHY

/**
 * `getTypographyTokenValue()` returns the CSS properties for a specific typography token
 */
export function getTypographyTokenValue(token: TypographyTypes): string {
  return TYPOGRAPHY[token]
}