LiveLayout.tsx 800 B

123456789101112131415161718192021222324252627282930
  1. 'use client';
  2. import type { BroadcastInfo } from '@/types/broadcast';
  3. import LiveNavbar from './LiveNavbar';
  4. import LiveVideoSection from './LiveVideoSection';
  5. import ChatWindow from '@/components/ChatWindow';
  6. import styles from './styles/LiveLayout.module.scss';
  7. interface LiveLayoutProps {
  8. broadcast: BroadcastInfo;
  9. }
  10. export default function LiveLayout({ broadcast }: LiveLayoutProps) {
  11. return (
  12. <div className={styles.liveContainer}>
  13. <LiveNavbar />
  14. {/* 메인 콘텐츠 영역 */}
  15. <div className={styles.mainContent}>
  16. {/* 영상 영역 */}
  17. <LiveVideoSection broadcast={broadcast} />
  18. {/* 채팅 영역 */}
  19. <div className={styles.chatSection}>
  20. <ChatWindow broadcast={broadcast} />
  21. </div>
  22. </div>
  23. </div>
  24. );
  25. }