"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/Headline.tsx
const headlineElements = [
	"h1",
	"h2",
	"h3",
	"h4",
	"h5",
	"h6"
];
function HeadlineString(props) {
	const { children, ...rest } = getPropDefaults(props);
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledHeadline, {
		...rest,
		children
	});
}
function getPropDefaults(props) {
	return require_components_typography_base_getPropDefaults.getPropDefaultsBase(props, { as: props.heading || "h1" });
}
const StyledHeadline = _emotion_styled.default.span`
  ${({ theme, size, colorProp }) => require_styles_typography.applyTypography(theme, "Headline", size, colorProp)}
  ${require_components_typography_typographyStyles.typographyStyles}
`;
function headlineSelector(heading) {
	return `${heading}${require_utils_emotion.select(StyledHeadline)}`;
}
const ALL_HEADLINE_SELECTORS = headlineElements.map(headlineSelector).join(",");
//#endregion
exports.ALL_HEADLINE_SELECTORS = ALL_HEADLINE_SELECTORS;
exports.HeadlineString = HeadlineString;
exports.StyledHeadline = StyledHeadline;
exports.getPropDefaults = getPropDefaults;
exports.headlineElements = headlineElements;
exports.headlineSelector = headlineSelector;
