{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-video-dialog-demo-top-in-bottom-out",
  "type": "registry:example",
  "title": "Hero Video Dialog Top In Bottom Out Demo",
  "description": "Example showing a hero video dialog with top-in bottom-out animation.",
  "registryDependencies": [
    "@magicui/hero-video-dialog"
  ],
  "files": [
    {
      "path": "registry/example/hero-video-dialog-demo-top-in-bottom-out.tsx",
      "content": "import { HeroVideoDialog } from \"@/registry/magicui/hero-video-dialog\"\n\nexport default function HeroVideoDialogDemoTopInBottomOut() {\n  return (\n    <div className=\"relative\">\n      <HeroVideoDialog\n        className=\"block dark:hidden\"\n        animationStyle=\"top-in-bottom-out\"\n        videoSrc=\"https://www.youtube.com/embed/qh3NGpYRG3I?si=4rb-zSdDkVK9qxxb\"\n        thumbnailSrc=\"https://startup-template-sage.vercel.app/hero-light.png\"\n        thumbnailAlt=\"Hero Video\"\n      />\n      <HeroVideoDialog\n        className=\"hidden dark:block\"\n        animationStyle=\"top-in-bottom-out\"\n        videoSrc=\"https://www.youtube.com/embed/qh3NGpYRG3I?si=4rb-zSdDkVK9qxxb\"\n        thumbnailSrc=\"https://startup-template-sage.vercel.app/hero-dark.png\"\n        thumbnailAlt=\"Hero Video\"\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}