import React from 'react';

import { TypographyTokens } from '../../foundation/Typography';

export const tokenTagMap: Record<TypographyTokens, React.ElementType> = {
  bodyExtraLargeBold: 'p',
  bodyExtraLargeRegular: 'p',
  bodyLargeBold: 'p',
  bodyLargeRegular: 'p',
  bodyMediumBold: 'p',
  bodyMediumMedium: 'p',
  bodyMegaLargeBold: 'p',
  bodySmallBold: 'p',
  bodySmallMedium: 'p',
  bodyXSmallBold: 'p',
  bodyXSmallMedium: 'p',
  bodyXXLLarge: 'p',
  bodyXXLRegular: 'p',
  ctaBlack: 'p',
  ctaLarge: 'p',
  ctaRegular: 'p',
  h1SmallBold: 'h1',
  h1XLBold: 'h1',
  h1XLBoldSpaced: 'h1',
  h1XLRegular: 'h1',
  h1XLRegularSpaced: 'h1',
  h2Bold: 'h2',
  h2Regular: 'h2',
  h3Bold: 'h3',
  h3Regular: 'h3',
  numberBig: 'p',
  subheaderRegular: 'p',
};