{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "aspect-ratio",
	"dependencies": [],
	"registryDependencies": [],
	"files": [
		{
			"path": "ui/aspect-ratio.tsx",
			"content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction AspectRatio({\n\tchildren,\n\tclassName,\n\tratio = 1,\n\tstyle,\n\t...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n\tratio?: number\n}) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"aspect-ratio\"\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tpaddingBottom: `${(1 / ratio) * 100}%`,\n\t\t\t}}\n\t\t\tclassName={cn(\"relative w-full\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"absolute inset-0 size-full\">{children}</div>\n\t\t</div>\n\t)\n}\n\nexport { AspectRatio }\n",
			"type": "registry:ui",
			"target": ""
		}
	],
	"type": "registry:ui"
}