{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import Image from \"next/image\";\nimport { AspectRatio } from \"~/registry/ui/aspect-ratio\";\n\nexport function AspectRatioPortraitDemo() {\n  return (\n    <div className=\"w-full max-w-40\">\n      <AspectRatio className=\"rounded-lg bg-muted\" ratio={9 / 16}>\n        <Image\n          alt=\"Photo\"\n          className=\"rounded-lg object-cover grayscale dark:brightness-20\"\n          fill\n          src=\"https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80\"\n        />\n      </AspectRatio>\n    </div>\n  );\n}\n",
      "path": "src/registry/examples/aspect-ratio/aspect-ratio-portrait-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "aspect-ratio-portrait",
  "registryDependencies": [
    "@kanpeki/aspect-ratio"
  ],
  "type": "registry:example"
}