import dynamic from "next/dynamic";

const YouTube = dynamic(() =>

import("@/components/youtube").then((mod) => mod.YouTube),

);

const CoverImage = dynamic(() => import("@/components/cover-image"));

const CoverVideo = dynamic(() => import("@/components/cover-video"));

export interface CoverMediaProps {

cloudinaryImage: any;

cloudinaryVideo: any;

youtube: string | null | undefined;

className?: string;

}

export default function CoverMedia(props: CoverMediaProps) {

const { cloudinaryImage, cloudinaryVideo, youtube, className } = props;

if (cloudinaryVideo?.asset?._ref) {

return (

<CoverVideo cloudinaryVideo={cloudinaryVideo} className={className} />

);

}

if (youtube) {

return (

<YouTube

youtube={youtube}

image={cloudinaryImage}

className={className}

/>

);

}

return (

<CoverImage image={cloudinaryImage} priority={true} className={className} />

);

}