'use client';

import type { BroadcastInfo } from '@/types/broadcast';
import LivePlayer from '@/components/LivePlayer';
import StreamerInfoSection from './StreamerInfoSection';
import styles from './styles/LiveVideoSection.module.scss';

interface LiveVideoSectionProps {
  broadcast: BroadcastInfo;
}

export default function LiveVideoSection({ broadcast }: LiveVideoSectionProps) {
  return (
    <div className={styles.videoSection}>
      {/* 비디오 플레이어 (16:9 고정) */}
      <div className={styles.videoPlayerWrapper}>
        <LivePlayer broadcast={broadcast} />
      </div>

      {/* 스트리머 정보 섹션 */}
      <StreamerInfoSection broadcast={broadcast} />

      {/* 빈 공간 컨테이너 (태블릿 이상에서 남는 영역) */}
      <div className={styles.emptySpace}></div>
    </div>
  );
}