type VideoEmbedProps = {
  isShort?: boolean;
  title: string;
  youtubeId: string;
};

export function VideoEmbed({ isShort = false, title, youtubeId }: VideoEmbedProps) {
  return (
    <div className={isShort ? "video-frame video-frame--short" : "video-frame"}>
      <iframe
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        allowFullScreen
        src={`https://www.youtube.com/embed/${youtubeId}`}
        title={title}
      />
    </div>
  );
}