2022-03-16 23:24:27 +05:30

21 lines
396 B
TypeScript

import MEditor from '@monaco-editor/react';
import React from 'react';
const Editor = ({ value }: EditorProps): JSX.Element => {
return (
<MEditor
theme="vs-dark"
defaultLanguage="yaml"
value={value.current}
options={{ fontSize: 16, automaticLayout: true }}
height={'40vh'}
/>
);
};
interface EditorProps {
value: React.MutableRefObject<string>;
}
export default Editor;