Hero video dialog with thumbnail

import { HeroVideoDialog } from "@/components/magicui/hero-video-dialog"

export function HeroVideoDialogDemo() {
  return (
    <div className="relative">
      <HeroVideoDialog
        className="block dark:hidden"
        animationStyle="from-center"
        videoSrc="https://www.example.com/embed/video-id"
        thumbnailSrc="https://www.example.com/thumbnail-light.png"
        thumbnailAlt="Product demo video thumbnail"
      />
    </div>
  )
}