import React from 'react';
import { useTranslation } from 'react-i18next';
import { ChunkMethodItem, EmbeddingModelItem } from './common-items';
import { Box, Typography } from '@mui/material';

export function KnowledgeGraphConfiguration() {
  const { t } = useTranslation();
  
  return (
    <>
      <ChunkMethodItem />
      <EmbeddingModelItem />

      <Box sx={{ mb: 2 }}>
        <Typography variant="body2" color="text.secondary">
          {t('knowledge.config.pageRankConfigTodo')}
        </Typography>
      </Box>

      <Box sx={{ mb: 2 }}>
        <Typography variant="body2" color="text.secondary">
          {t('knowledge.config.entityTypeConfigTodo')}
        </Typography>
      </Box>

      <Box sx={{ mb: 2 }}>
        <Typography variant="body2" color="text.secondary">
          {t('knowledge.config.maxTokenConfigTodo')}
        </Typography>
      </Box>

      <Box sx={{ mb: 2 }}>
        <Typography variant="body2" color="text.secondary">
          {t('knowledge.config.delimiterConfigTodo')}
        </Typography>
      </Box>
    </>
  );
}