@zohodesk/docs-builder/es/components/DocsCode/DocsCode.js

docs-builder is used to build your own docs

import React from 'react';
import { LiveEditorv3, LiveProviderv3 } from '@zohodesk-private/react-live';
import lightTheme from '@zohodesk-private/react-live/es/v3/Editor/lightTheme';
export default function DocsCode(props) {
  const {
    components,
    propComName
  } = props;
  let code = components[propComName].docs.source;
  return /*#__PURE__*/React.createElement(LiveProviderv3, {
    theme: lightTheme,
    code: code
  }, /*#__PURE__*/React.createElement(LiveEditorv3, {
    style: {
      height: "100%"
    },
    disabled: true
  }));
}