CodeEditor.jsx

import React from 'react';
import Editor from '@monaco-editor/react';

const CodeEditor = ({ code, setCode, language }) => {
    return (
        <div className="editor-container" style={{ height: '60vh', border: '1px solid #333', borderRadius: '4px' }}>
            <Editor
                height="100%"
                defaultLanguage={language}
                language={language}
                value={code}
                onChange={(value) => setCode(value || "")}
                theme="vs-dark"
                options={{
                    minimap: { enabled: false },
                    fontSize: 14,
                    scrollBeyondLastLine: false,
                    automaticLayout: true,
                }}
            />
        </div>
    );
};

export default CodeEditor;