import './App.css';

import Path from './Path';
import Log from './Log';
import Options from './Options';
import Info from './Info';

function App() {
  return (
    <div className="App flex flex-wrap h-screen">
      {/* Main component for Path */}
      <div className="w-2/3 h-full overflow-auto hide-scrollbar">
        <Path />
      </div>
      {/* Sidebar for route info, controls, and log output */}
      <div className="w-1/3 h-full flex flex-col">
        <div className="h-1/4 overflow-auto">
          <Info />
        </div>
        <div className="h-1/4 overflow-auto">
          <Options />
        </div>
        <div className="flex-1 overflow-auto">
          <Log/>
        </div>
      </div>
    </div>
  );
}

export default App;