import * as React from 'react' ; import { NextPage } from 'next' ; import { OverlayLayout } from '~/layouts/overlay-layout' ; import { PreStreamHeader } from '~/modules/pre-stream/pre-stream-header' ; import { PreStreamContent } from '~/modules/pre-stream/pre-stream-content' ; import { CurrentStreamBlock } from '~/modules/pre-stream/current-stream-block' ; import { UpcomingStreamsBlock } from '~/modules/pre-stream/upcoming-streams-block' ; import { ChatPanel } from '~/modules/pre-stream/chat-panel' ; import { SceneWrapper } from '~/modules/scenes/scene-wrapper' ; import { createNextPage } from '~/lib/create-next-page' ; const EndScenePage = ( ) => { return ( < SceneWrapper > < div className = "flex flex-row items-end justify-between flex-1 w-full" > < div className = "flex flex-col flex-1 h-full justify-between" > < PreStreamHeader headerText = "Stream ended. Thanks for watching!" variant = "end" / > < PreStreamContent > < ChatPanel /> < UpcomingStreamsBlock variant = "end" / > < /PreStreamContent> < CurrentStreamBlock variant = "end" / > < /div> < /div> < /SceneWrapper>); } ; export default createNextPage ( EndScenePage , { layout : OverlayLayout , } ) ;