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

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

export {
  Display
};
