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

const Path = () => {
  const { data: sseData, error } = useSSE('http://localhost:8000/data_stream');
  const data = sseData ? sseData.route : null;

  return (
    <div className="text-white">
      {error && <p>Error: {error}</p>}
      {data ? <DataDisplay data={data} /> : <p>Loading data...</p>}
    </div>
  );
};

export default Path;