react-live-unplugin/dist/docusaurus/LiveCodeBlock.js

Turn React components into live code blocks with ease.

import Playground from "@docusaurus/theme-live-codeblock/lib/theme/Playground";
import React, { useMemo } from "react";
import { transformCode } from "../transformCode.js";
const LiveCodeBlock = ({ scope, ...props }) => {
  const mergedScope = useMemo(
    () => ({
      ...React,
      ...scope
    }),
    [scope]
  );
  return /* @__PURE__ */ React.createElement(
    Playground,
    {
      ...props,
      noInline: true,
      scope: mergedScope,
      transformCode
    }
  );
};
export { LiveCodeBlock };