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