import React from 'react';
import useSSE from './useSSE';
import InfoDisplay from './InfoDisplay'; // Import the DataDisplay component

const Info = () => {
    const { data: sseData, error } = useSSE('http://localhost:8000/data_stream');
  const data = sseData ? sseData.route_info : null;
  
    return (
      <div className="text-white">
        {error && <p>Error: {error}</p>}
        {data ? <InfoDisplay data={data} /> : <p>Loading data...</p>}
      </div>
    );
  };

export default Info;