Function CodeEditor

components/shared/CodeEditor.tsx:77–112

({
  className,
  codeString,
  codeLanguage,
  height = '300px',
}: {
  className?: string;
  codeString: string;
  codeLanguage: string;
  height?: string;
})

};

export const CodeEditor = ({
  className,
  codeString,
  codeLanguage,
  height = '300px',
}: {
  className?: string;
  codeString: string;
  codeLanguage: string;
  height?: string;
}) => {
  const { currentTheme } = useThemeSwitch();
  const isDarkMode = currentTheme === 'dark';

  return (
    <div className={cn(className)}>
      <Editor
        className={
          'bg-gray-500/20 rounded-lg overflow-hidden h-full flex-grow mt-4'
        }
        height={height}
        language={codeLanguage}
        value={codeString}
        beforeMount={beforeEditorMount}
        options={
          {
            ...MONACO_OPTIONS,
            automaticLayout: true,
            readOnly: true,
          } as monaco.editor.IStandaloneEditorConstructionOptions
        }
        theme={isDarkMode ? DARK_THEME : LIGHT_THEME}
      />
    </div>
  );
};