{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-aspect-ratio-1","type":"registry:block","title":"16:9 widescreen aspect ratio","description":"16:9 widescreen aspect ratio","dependencies":[],"registryDependencies":["aspect-ratio"],"files":[{"path":"c-aspect-ratio-1.tsx","type":"registry:block","content":"import { AspectRatio } from \"@/components/ui/aspect-ratio\"\n\nexport function Pattern() {\n  return (\n    <div className=\"w-full max-w-md\">\n      <AspectRatio\n        ratio={16 / 9}\n        className=\"bg-muted rounded-xl overflow-hidden border\"\n      >\n        <img\n          src=\"https://picsum.photos/1000/800?grayscale&random=1\"\n          alt=\"16:9\"\n          width={1000}\n          height={800}\n          className=\"h-full w-full object-cover\"\n        />\n      </AspectRatio>\n    </div>\n  )\n}","target":"components/examples/c-aspect-ratio-1.tsx"}],"meta":{"order":1,"label":"Widescreen"}}