import {
  toReactNodes
} from "./chunk-OYIPFTQC.js";
import {
  StyledOverline,
  getPropDefaults
} from "./chunk-MQIRWNSG.js";
import {
  __spreadProps,
  __spreadValues
} from "./chunk-W7FAWX6T.js";

// src/components/typography/Overline.tsx
import { jsx } from "@emotion/react/jsx-runtime";
function Overline(props) {
  const propsWithDefaults = getPropDefaults(props);
  let reactNodes = props.children || null;
  if (props.content) {
    reactNodes = toReactNodes(props.content);
  }
  return /* @__PURE__ */ jsx(StyledOverline, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
}

export {
  Overline
};
