// /* eslint-disable @typescript-eslint/no-explicit-any */
// import { DndProvider } from "react-dnd";
// import Editor from "./page/App";
// import { ConfigProvider, enUS } from "./utils/configProvider";
// import { useTranslation } from "react-i18next";
// import { useEffect } from "react";
// import { globalStyle } from "./style";
// import { Global } from "@emotion/react";
// import { ModalGroup } from "./utils/model/src/modal-group";
// import { TouchBackend } from "react-dnd-touch-backend";
// import { NotificationGroup } from "./utils/Notification";
// import { useParams } from "react-router-dom";
// import { ImpaktProps } from "./lib";
// import { IMPAKTAPPSCodeMirrorTooltipStyle } from "./components/CodeEditor/CodeMirror/theme";

// function App(props: ImpaktProps) {
//   const { id } = useParams();
//   const currentUserLanguage = "en-US";
//   const dragOptions = {
//     enableTouchEvents: true,
//     enableMouseEvents: true,
//   };
//   const { i18n } = useTranslation();

//   useEffect(() => {
//     if (currentUserLanguage) {
//       i18n.changeLanguage(currentUserLanguage);
//     }
//   }, [currentUserLanguage, i18n, id]);
//   return (
//     <>
//       <div style={{ boxSizing: "border-box", overflow: "hidden" }}>
//         <DndProvider backend={TouchBackend} options={dragOptions}>
//           <ConfigProvider locale={enUS}>
//              <Global styles={globalStyle} /> 
//             <NotificationGroup pt={"46px"} />
//             <ModalGroup />
//             <Editor {...props} />
//             <div
//               className="illaCodeMirrorWrapper"
//               css={IMPAKTAPPSCodeMirrorTooltipStyle}
//             />
//           </ConfigProvider>
//         </DndProvider>
//       </div>
//     </>
//   );
// }
// export default App;
