<script lang="ts">
  import { contentManager } from '../../services/content-manager';
  import Editor from '../Editor.svelte';
</script>

<div class="editor-panel">
  <Editor
    language={$contentManager.language}
    theme={$contentManager.theme}
  />
</div>

<style>
  .editor-panel {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(11, 10, 9, 0.4);
    min-width: 0;
  }
</style>