{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-aspect-ratio-3","type":"registry:block","title":"1:1 square aspect ratio","description":"1:1 square aspect ratio","dependencies":[],"registryDependencies":["aspect-ratio"],"files":[{"path":"c-aspect-ratio-3.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-xs\">\n      <AspectRatio\n        ratio={1 / 1}\n        className=\"bg-muted rounded-xl overflow-hidden border\"\n      >\n        <img\n          src=\"https://picsum.photos/1000/800?grayscale&random=3\"\n          alt=\"1:1\"\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-3.tsx"}],"meta":{"order":3,"label":"Square"}}