import {
  LabelString
} from "./chunk-2FUPV2YR.js";
import {
  LabelModerateString
} from "./chunk-5HUKQ4HX.js";
import {
  LabelStrongString
} from "./chunk-MBQLH3KS.js";
import {
  OverlineString
} from "./chunk-MQIRWNSG.js";
import {
  BtnString
} from "./chunk-FGMYBF3Y.js";
import {
  CodeString
} from "./chunk-CKO5XQTU.js";
import {
  DisplayString
} from "./chunk-DKKSEGTF.js";
import {
  TitleString
} from "./chunk-EQDCU7HD.js";
import {
  BodyString
} from "./chunk-E6KUNQIE.js";
import {
  BodyStrongString
} from "./chunk-L2UQFMAI.js";
import {
  HeadlineString
} from "./chunk-3FHPHO5S.js";

// src/components/typography/renderTypography.tsx
import React from "react";
var typographyMap = {
  Display: DisplayString,
  Headline: HeadlineString,
  Title: TitleString,
  Body: BodyString,
  "Body Strong": BodyStrongString,
  Label: LabelString,
  "Label Moderate": LabelModerateString,
  "Label Strong": LabelStrongString,
  Overline: OverlineString,
  Code: CodeString,
  "Code Strong": CodeString,
  Btn: BtnString
};
var renderTypography = (typographyType, typographyProps) => {
  const TypographyComponent = typographyMap[typographyType];
  const { children } = typographyProps;
  return React.createElement(TypographyComponent, typographyProps, children);
};

export {
  typographyMap,
  renderTypography
};
