import "./markdown.css"; import React from "react"; import { useRender } from "@base-ui/react/use-render"; import { type StyleProps } from "./style_props"; interface MarkdownContentProps { children: string; /** * Whose type ladder the headings belong to. * * **`"document"` (default)** — the markdown IS the surface: a knowledge doc, a * terms page, a rendered artifact. Its `h1` is the page's `h1`. * * **`"embedded"`** — the markdown is a VALUE on a page someone else designed: * a field on a record, a summary in a feed row, a note in a drawer. Every * heading collapses to the body's own size so it cannot outrank the section * that contains it. * * **Reach for `"embedded"` whenever the text was not written by whoever built * the screen** — and that is now the common case, because the writer is * routinely a model. A model asked for a summary emits `##` headings and heavy * `**bold**` with no idea what surrounds them, so document scale puts the * least-trustworthy content on the screen at the loudest rung on it. */ variant?: "document" | "embedded"; } export interface MarkdownProps extends MarkdownContentProps, StyleProps { testID?: string; ref?: React.Ref; render?: useRender.RenderProp; } export declare function Markdown(props: MarkdownProps): React.ReactElement>; export {};