import React from 'react';
import { PersonSelector } from './selector/person-selector';
import { ProjectorView } from './projector/projector-view';
import { ChatWindow } from './chat/chat-window';
import '../../styles/layout.css';

export function ChatLayout() {
  return (
    <div className="chat-layout">
      <div className="sidebar">
        <PersonSelector />
      </div>
      <div className="main-content">
        <div className="projector">
          <ProjectorView />
        </div>
        <div className="chat-area">
          <ChatWindow />
        </div>
      </div>
    </div>
  );
}