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

docs-builder is used to build your own docs

import React, { useState } from 'react';
import style from "./Main.module.css";
import Sidebar from "../Sidebar/Sidebar";
import Preview from "../Preview/Preview";
import Dashboard from "../Dashboard/Dashboard";
export default function Main(_ref) {
  let {
    component,
    componentName,
    docsConfig
  } = _ref;
  const [isFullScreen, setIsFullScreen] = useState(false);

  const handleFullScreen = () => {
    setIsFullScreen(!isFullScreen);
  };

  return /*#__PURE__*/React.createElement("div", {
    className: style.mainParent
  }, !isFullScreen && /*#__PURE__*/React.createElement(Sidebar, {
    components: component
  }), componentName && /*#__PURE__*/React.createElement(Preview, {
    components: component,
    isFullScreen: isFullScreen,
    handleFullScreen: handleFullScreen,
    componentName: componentName
  }), !componentName && /*#__PURE__*/React.createElement(Dashboard, {
    docsConfig: docsConfig
  }));
}