const typographyDefaultsVariant = {
  action: {
    tag: 'span',
    selector: {
      default: 'text-title-action',
      title: 'text-title-action',
    },
  },
  caption: {
    tag: 'span',
    selector: {
      default: 'text-info-caption',
      info: 'text-info-caption',
      read: 'text-read-caption',
    },
  },
  detail: {
    tag: 'p',
    selector: {
      default: 'text-info-detail',
      info: 'text-info-detail',
      read: 'text-read-detail',
    },
  },
  h1: {
    tag: 'h1',
    selector: {
      default: 'text-title-h1',
      title: 'text-title-h1',
    },
  },
  h2: {
    tag: 'h2',
    selector: {
      default: 'text-title-h2',
      title: 'text-title-h2',
    },
  },
  h3: {
    tag: 'h3',
    selector: {
      default: 'text-title-h3',
      title: 'text-title-h3',
    },
  },
  h4: {
    tag: 'h4',
    selector: {
      default: 'text-title-h4',
      title: 'text-title-h4',
    },
  },
  h5: {
    tag: 'h5',
    selector: {
      default: 'text-title-h5',
      title: 'text-title-h5',
    },
  },
  h6: {
    tag: 'h6',
    selector: {
      default: 'text-title-h6',
      title: 'text-title-h6',
    },
  },
  hack: {
    tag: 'code',
    selector: {
      default: 'text-code-hack',
      mono: 'text-code-hack',
    },
  },
  label: {
    tag: 'label',
    selector: {
      default: 'text-info-label',
      info: 'text-info-label',
    },
  },
  option: {
    tag: 'label',
    selector: {
      default: 'text-info-option',
      info: 'text-info-option',
    },
  },
  paragraph: {
    tag: 'p',
    selector: {
      default: 'text-info-paragraph',
      secondary: 'text-secondary-paragraph',
      info: 'text-info-paragraph',
      read: 'text-read-paragraph',
    },
  },
  snippet: {
    tag: 'code',
    selector: {
      default: 'text-code-snippet',
      mono: 'text-code-snippet',
    },
  },
  tip: {
    tag: 'div',
    selector: {
      default: 'text-info-tip',
      info: 'text-info-tip',
    },
  },
}

export {
  typographyDefaultsVariant,
}