"use client";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../../../chunk-BN4qSVkS.cjs");
const require_styles_typography = require("../../../styles/typography.cjs");
const require_components_typography_typographyStyles = require("../typographyStyles.cjs");
const require_components_typography_base_getPropDefaults = require("./getPropDefaults.cjs");
const require_utils_emotion = require("../../../utils/emotion.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/typography/base/Display.tsx
const displayElements = [
	"h1",
	"h2",
	"h3",
	"h4",
	"h5",
	"h6"
];
function DisplayString(props) {
	const { children, ...rest } = getPropDefaults(props);
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledDisplay, {
		...rest,
		children
	});
}
function getPropDefaults(props) {
	return require_components_typography_base_getPropDefaults.getPropDefaultsBase(props, { as: props.tag || "h1" });
}
const StyledDisplay = _emotion_styled.default.h1`
  ${({ theme, size, colorProp }) => require_styles_typography.applyTypography(theme, "Display", size, colorProp)}
  ${require_components_typography_typographyStyles.typographyStyles}
`;
function displaySelector(element) {
	return `${element}${require_utils_emotion.select(StyledDisplay)}`;
}
//#endregion
exports.DisplayString = DisplayString;
exports.StyledDisplay = StyledDisplay;
exports.displayElements = displayElements;
exports.displaySelector = displaySelector;
exports.getPropDefaults = getPropDefaults;
