import AceEditor from "react-ace"; import "ace-builds/webpack-resolver"; import "ace-builds/src-noconflict/mode-html"; import "ace-builds/src-noconflict/mode-css"; import "ace-builds/src-noconflict/mode-javascript"; import "ace-builds/src-noconflict/mode-java"; import "ace-builds/src-noconflict/mode-python"; import "ace-builds/src-noconflict/mode-xml"; import "ace-builds/src-noconflict/mode-sass"; import "ace-builds/src-noconflict/mode-ruby"; import "ace-builds/src-noconflict/mode-markdown"; import "ace-builds/src-noconflict/mode-mysql"; import "ace-builds/src-noconflict/mode-json"; import "ace-builds/src-noconflict/mode-handlebars"; import "ace-builds/src-noconflict/mode-golang"; import "ace-builds/src-noconflict/mode-csharp"; import "ace-builds/src-noconflict/mode-elixir"; import "ace-builds/src-noconflict/mode-typescript"; import "ace-builds/src-noconflict/ext-language_tools"; import "ace-builds/src-noconflict/theme-monokai"; import "ace-builds/src-noconflict/theme-github"; import "ace-builds/src-noconflict/theme-tomorrow"; import "ace-builds/src-noconflict/theme-kuroir"; import "ace-builds/src-noconflict/theme-twilight"; import "ace-builds/src-noconflict/theme-xcode"; import "ace-builds/src-noconflict/theme-textmate"; import "ace-builds/src-noconflict/theme-terminal"; import "ace-builds/src-noconflict/theme-solarized_dark"; import "ace-builds/src-noconflict/theme-solarized_light"; import { SelectMode } from "../helpers/SelectMode"; import { SelectTheme } from "../helpers/SelectTheme"; import { SelectFontSize } from "../helpers/SelectFontSize"; import "./Editor.css"; export const Editor = ({ data = { type: "", name: "", text: "", index: "" }, onChange, theme, font, }) => { const changeTheme = (theme) => onChange({ theme }); const changeFont = (font) => onChange({ font }); return (