
import { motion } from 'framer-motion';
import GraphVisualizer2 from './GraphVisualizer2';
import { StatisticsProvider } from '@/contexts/StatisticsContext';
import Navbar from '../Navbar';
import DashboardHeader from '../isodashboard/DashboardHeader';
import KnowledgeGraphVisualizer from './graphComponents/documents/knowledge_graph_viz';


interface PerformanceData {
  Q: string;
  A: string;
  owner: string;
  status: string;
}

const KnowledgeViz = () => {

  return (
    <StatisticsProvider>
      <div className="flex h-screen bg-background">
        <Navbar />
        <div className='w-full'>
          <DashboardHeader/>
          <div className='flex-1 overflow-y-auto'></div>
          <motion.div 
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ duration: 0.3 }}
            className="flex-1 overflow-y-auto"
          >
            <GraphVisualizer2/>
            {/* <KnowledgeGraphVisualizer/> */}
            
          </motion.div>
        </div>
      </div>
    </StatisticsProvider>
  );
};

export default KnowledgeViz;
