// AceSplitEditorWrapper.jsx

import React from 'react';
import { split as SplitEditor } from 'react-ace';

// Import the modes and themes you plan to use. 
// You can expand this list based on your needs.
import 'ace-builds/src-noconflict/mode-javascript';
import 'ace-builds/src-noconflict/mode-text';
import 'ace-builds/src-noconflict/mode-html';
import 'ace-builds/src-noconflict/theme-monokai';
import 'ace-builds/src-noconflict/mode-java';
import 'ace-builds/src-noconflict/theme-github';
// ... add more modes and themes as needed

const AceSplitEditorWrapper = (props) => {
  return <SplitEditor width={'100%'} {...props} />;
};

export default AceSplitEditorWrapper;