'use client';

import type { BroadcastInfo } from '@/types/broadcast';
import LiveNavbar from './LiveNavbar';
import LiveVideoSection from './LiveVideoSection';
import ChatWindow from '@/components/ChatWindow';
import styles from './styles/LiveLayout.module.scss';

interface LiveLayoutProps {
  broadcast: BroadcastInfo;
}

export default function LiveLayout({ broadcast }: LiveLayoutProps) {
  return (
    <div className={styles.liveContainer}>
      <LiveNavbar />

      {/* 메인 콘텐츠 영역 */}
      <div className={styles.mainContent}>
        {/* 영상 영역 */}
        <LiveVideoSection broadcast={broadcast} />

        {/* 채팅 영역 */}
        <div className={styles.chatSection}>
          <ChatWindow broadcast={broadcast} />
        </div>
      </div>
    </div>
  );
}