hunk.code_window: import { VALIDATION_TYPES } from "constants/WidgetValidation";
   import _ from "lodash";
   import { EventType } from "constants/ActionConstants";
   class TabsWidget extends BaseWidget<
     TabsWidgetProps<TabContainerWidgetProps>,
  
hunk.labels: keep keep add keep keep keep
hunk.after_edit: import { WidgetOperations } from "widgets/BaseWidget";
  
hunk.file_path: app/client/src/widgets/TabsWidget.tsx
hunk.type: add
file: import React, { ChangeEvent } from "react";
  import CodeEditor, {
    EditorProps,
  } from "components/editorComponents/CodeEditor";
  import {
    EditorModes,
    EditorSize,
    EditorTheme,
    TabBehaviour,
  } from "components/editorComponents/CodeEditor/EditorConfig";
  
  interface Props {
    input: {
      value: string;
      onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
    };
    height: string;
  }
  
  const ReadOnlyEditor = (props: Props) => {
    const editorProps: EditorProps = {
      hinting: [],
      input: props.input,
      marking: [],
      mode: EditorModes.JSON_WITH_BINDING,
      size: EditorSize.EXTENDED,
      tabBehaviour: TabBehaviour.INDENT,
      theme: EditorTheme.LIGHT,
      height: props.height,
      showLightningMenu: false,
      showLineNumbers: true,
      borderLess: true,
    };
    return <CodeEditor {...editorProps} />;
  };
  
  export default ReadOnlyEditor;
  