From 66f8ee790b04aa12e498c84bf523ef239ead191c Mon Sep 17 00:00:00 2001
From: Klotske <ilya@mokhov.vg>
Date: Thu, 14 Jul 2022 17:22:50 +0000
Subject: [PATCH] Added monaco code editor

---
 components/CodeEditor/CodeEditor.tsx | 18 ++++++++++++++++++
 pages/editor.tsx                     |  4 +++-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 components/CodeEditor/CodeEditor.tsx

diff --git a/components/CodeEditor/CodeEditor.tsx b/components/CodeEditor/CodeEditor.tsx
new file mode 100644
index 0000000..04bc4e4
--- /dev/null
+++ b/components/CodeEditor/CodeEditor.tsx
@@ -0,0 +1,18 @@
+import Editor from "@monaco-editor/react";
+
+const CodeEditor = () => {
+  return (
+    <Editor
+      height="90vh"
+      defaultLanguage="cpp"
+      defaultValue="// some comment"
+      options={{
+        minimap: {
+          enabled: false,
+        },
+      }}
+    />
+  );
+};
+
+export default CodeEditor;
diff --git a/pages/editor.tsx b/pages/editor.tsx
index 80ddbb4..8768caa 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -1,5 +1,7 @@
+import CodeEditor from "../components/CodeEditor/CodeEditor";
+
 const Editor = () => {
-  return "Редактор кода";
+  return <CodeEditor />;
 };
 
 export default Editor;