/**
 * Copyright (c) 2020-present, Goldman Sachs
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { observer } from 'mobx-react-lite';
import { useEditorStore } from '@finos/legend-application-studio';
import { DataQualityClassValidationState } from './states/DataQualityClassValidationState.js';
import { DataQualityClassValidationSideBar } from './DataQualitySideBar.js';
import { DataQualityValidationEditor } from './DataQualityValidationEditor.js';
import { DataQualityExplorerPanel } from './DataQualityExplorerPanel.js';
import { ResizablePanel, ResizablePanelGroup } from '@finos/legend-art';

export const DataQualityClassValidationEditor = observer(() => {
  const editorStore = useEditorStore();
  const dataQualityClassValidationState =
    editorStore.tabManagerState.getCurrentEditorState(
      DataQualityClassValidationState,
    );
  return (
    <DataQualityValidationEditor
      dataQualityState={dataQualityClassValidationState}
      SideBarBasisComponent={
        <DataQualityClassValidationSideBar
          dataQualityClassValidationState={dataQualityClassValidationState}
        >
          <ResizablePanelGroup orientation="horizontal">
            <ResizablePanel minSize={40} direction={1}>
              <DataQualityExplorerPanel
                dataQualityState={dataQualityClassValidationState}
              />
            </ResizablePanel>
          </ResizablePanelGroup>
        </DataQualityClassValidationSideBar>
      }
    />
  );
});