import { jsx as e } from "@emotion/react/jsx-runtime";
import a from "clsx";
import { JsonViewer as c } from "@textea/json-viewer";
import { ReactJsonViewerRootStyled as n } from "./slots/ReactJsonViewerSlots.js";
import { REACT_JSON_VIEWER_CLASSES as p } from "./constants.js";
import { useTheme as l } from "@mui/material";
import { getReactJsonViewerTheme as f } from "./helpers/getReactJsonViewerTheme/getReactJsonViewerTheme.js";
const V = (o) => {
  const { className: r, dataTestId: t, ...m } = o, i = l(), s = f(i);
  return /* @__PURE__ */ e(
    n,
    {
      className: a(p.root, r),
      dataTestId: t,
      role: "application",
      "aria-label": "JSON data viewer",
      children: /* @__PURE__ */ e(
        c,
        {
          theme: s,
          ...m
        }
      )
    }
  );
};
export {
  V as ReactJsonViewer
};
