import React from 'react';
import VideoCarousel from './ui/video-carousel';

interface VideoScreenLayoutProps {
  videos: {
    id: string;
    url: string;
    title: string;
  }[];
}

export const VideoCarouselLayout = ({ videos }: VideoScreenLayoutProps) => {
  return (
    <>
      {videos.length && (
        <VideoCarousel
          videos={videos}
          width="100vw"
          height="calc(100vh - 4rem)"
        />
      )}
    </>
  )
}