Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../../chunk-BN4qSVkS.cjs");
const require_components_typography_base_Body = require("./base/Body.cjs");
const require_components_typography_base_BodyStrong = require("./base/BodyStrong.cjs");
const require_components_typography_base_Btn = require("./base/Btn.cjs");
const require_components_typography_base_Code = require("./base/Code.cjs");
const require_components_typography_base_Display = require("./base/Display.cjs");
const require_components_typography_base_Headline = require("./base/Headline.cjs");
const require_components_typography_base_Label = require("./base/Label.cjs");
const require_components_typography_base_LabelModerate = require("./base/LabelModerate.cjs");
const require_components_typography_base_LabelStrong = require("./base/LabelStrong.cjs");
const require_components_typography_base_Overline = require("./base/Overline.cjs");
const require_components_typography_base_Title = require("./base/Title.cjs");
let react = require("react");
react = require_chunk.__toESM(react);
//#region src/components/typography/renderTypography.tsx
const typographyMap = {
	Display: require_components_typography_base_Display.DisplayString,
	Headline: require_components_typography_base_Headline.HeadlineString,
	Title: require_components_typography_base_Title.TitleString,
	Body: require_components_typography_base_Body.BodyString,
	"Body Strong": require_components_typography_base_BodyStrong.BodyStrongString,
	Label: require_components_typography_base_Label.LabelString,
	"Label Moderate": require_components_typography_base_LabelModerate.LabelModerateString,
	"Label Strong": require_components_typography_base_LabelStrong.LabelStrongString,
	Overline: require_components_typography_base_Overline.OverlineString,
	Code: require_components_typography_base_Code.CodeString,
	"Code Strong": require_components_typography_base_Code.CodeString,
	Btn: require_components_typography_base_Btn.BtnString
};
const renderTypography = (typographyType, typographyProps) => {
	/** props type is too wide, causing issues with overlapping different props types (e.g. `tag`), so
	* we have to cast this to a generic ElementType to pass createElement types. We still have type
	* saftey for specific component prop types via renderTypography args. */
	const TypographyComponent = typographyMap[typographyType];
	const { children } = typographyProps;
	return react.default.createElement(TypographyComponent, typographyProps, children);
};
//#endregion
exports.renderTypography = renderTypography;
exports.typographyMap = typographyMap;
