import React, { useCallback, useState } from 'react';
import useRealTimeRooms from '../../../providers/RealTimeRoomProvider';
import useElectron from '../../../providers/ElectronProvider';
import useAuth from '../../../providers/AuthProvider';
import NavBar from './navbar/Navbar';
import MasterLineData from '@nirvana/core/models/masterLineData.model';

import useRooms from '../../../providers/RoomsProvider';
import toast from 'react-hot-toast';
import SidePanel from './panels/SidePanel';
import MainPanel from './panels/MainPanel';

export default function Terminal() {
  const { roomsMap } = useRealTimeRooms();
  const { desktopMode } = useElectron();

  return (
    <div className="flex flex-col flex-1">
      <NavBar />

      <div className="flex flex-row flex-1">
        <SidePanel />

        {desktopMode === 'mainApp' && <MainPanel />}
      </div>
    </div>
  );
}