"use client";
import { StyledBodyStrong } from "../typography/base/BodyStrong.js";
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
//#region src/components/documentation/DocsBodyStrongParagraph.tsx
function DocsBodyStrongParagraph({ block = false, colorProp, displayProp, hideOverflow = false, size = "Medium", textAlign, onClick, underline = false, ...rest }) {
	return /* @__PURE__ */ jsx(StyledBodyStrongBlock, { children: /* @__PURE__ */ jsx(StyledBodyStrong, {
		...rest,
		block,
		colorProp,
		displayProp,
		hideOverflow,
		size,
		textAlign,
		onClick,
		underline
	}) });
}
/** Images rendered by the markdown renderer are wrapped in a paragraph tag,
* so we should wrap all Body tags in a paragraph tag to ensure images are display: block. */
const StyledBodyStrongBlock = styled.p``;
//#endregion
export { DocsBodyStrongParagraph };
