"use client";
import { StyledOverline, getPropDefaults } from "./base/Overline.js";
import { toReactNodes } from "../../utils/toReactNodes/toReactNodes.js";
import { jsx } from "@emotion/react/jsx-runtime";
//#region src/components/typography/Overline.tsx
function Overline(props) {
	const propsWithDefaults = getPropDefaults(props);
	let reactNodes = props.children || null;
	if (props.content) reactNodes = toReactNodes(props.content);
	return /* @__PURE__ */ jsx(StyledOverline, {
		...propsWithDefaults,
		children: reactNodes
	});
}
//#endregion
export { Overline };
