"use client";
import {
  StyledBody
} from "../../chunk-E6KUNQIE.js";
import "../../chunk-LEMT5P3Z.js";
import "../../chunk-2466FZJC.js";
import "../../chunk-YW4BJCOL.js";
import "../../chunk-2C7DZIDY.js";
import "../../chunk-VAH342U2.js";
import "../../chunk-KCUSJWDZ.js";
import "../../chunk-ISDKKT5U.js";
import "../../chunk-PHQ6NFOZ.js";
import "../../chunk-S5AV3X5O.js";
import "../../chunk-JSGRNWSB.js";
import "../../chunk-MIIIUXV6.js";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "../../chunk-W7FAWX6T.js";

// src/components/documentation/DocsBodyParagraph.tsx
import { jsx } from "@emotion/react/jsx-runtime";
function DocsBodyParagraph(_a) {
  var _b = _a, {
    colorProp,
    displayProp,
    hideOverflow = false,
    size = "Medium",
    textAlign,
    onClick,
    underline = false
  } = _b, rest = __objRest(_b, [
    "colorProp",
    "displayProp",
    "hideOverflow",
    "size",
    "textAlign",
    "onClick",
    "underline"
  ]);
  return /* @__PURE__ */ jsx(
    StyledBody,
    __spreadProps(__spreadValues({}, rest), {
      as: "div",
      block: true,
      colorProp,
      displayProp,
      hideOverflow,
      textAlign,
      size,
      onClick,
      underline
    })
  );
}
export {
  DocsBodyParagraph
};
