import React from 'react';
import { ConfigurationFormContainer, MainContainer } from './configuration-form-container';
import {
  ChunkMethodItem,
  EmbeddingModelItem,
  ChunkTokenNumberItem,
  DelimiterItem,
  LayoutRecognizeItem,
  PageRankItem,
  AutoKeywordsItem,
  AutoQuestionsItem,
  HtmlForExcelItem,
  UseRaptorItem,
  RaptorPromptItem,
  RaptorMaxTokenItem,
  RaptorThresholdItem,
  RaptorMaxClusterItem,
  RaptorRandomSeedItem,
  UseGraphragItem,
  EntityTypesItem,
  GraphragMethodItem,
  EntityNormalizeItem,
  CommunityReportItem,
  TagsItem
} from './common-items';

export function ManualConfiguration() {
  return (
    <MainContainer>
      <ConfigurationFormContainer>
        <ChunkMethodItem />
        <ChunkTokenNumberItem />
        <DelimiterItem />
        <LayoutRecognizeItem />
        <EmbeddingModelItem />
      </ConfigurationFormContainer>

      <ConfigurationFormContainer>
        <PageRankItem />
        <AutoKeywordsItem />
        <AutoQuestionsItem />
        <HtmlForExcelItem />
      </ConfigurationFormContainer>

      <ConfigurationFormContainer>
        <UseRaptorItem />
        <RaptorPromptItem />
        <RaptorMaxTokenItem />
        <RaptorThresholdItem />
        <RaptorMaxClusterItem />
        <RaptorRandomSeedItem />
      </ConfigurationFormContainer>

      <ConfigurationFormContainer>
        <UseGraphragItem />
        <EntityTypesItem />
        <GraphragMethodItem />
        <EntityNormalizeItem />
        <CommunityReportItem />
      </ConfigurationFormContainer>

      <ConfigurationFormContainer>
        <TagsItem />
      </ConfigurationFormContainer>
    </MainContainer>
  );
}