import React from 'react';

interface VideoThumbnailFormProps {
    videoThumbnail: string;
    setVideoThumbnail?: React.Dispatch<React.SetStateAction<string>>;
    readonly?: boolean;
}

const VideoThumbnailForm: React.FC<VideoThumbnailFormProps> = ({ videoThumbnail }) => {
    return (
        <>
            <div className="text-lg">Thumbnail Video (Preview)</div>
            <div className="mt-4">
                {videoThumbnail ? (
                    <div className="mt-5">
                        <video 
                            src={videoThumbnail}
                            width={350}
                            height={350}
                            muted
                            controls
                        />
                    </div>
              
                ) : (
                    <div className="mt-2 text-sm text-gray-500">Belum ada URL video mp4/webm.</div>
                )}
            </div>
        </>
    );
};

export default VideoThumbnailForm;