Aspect Ratio

1import { cn } from "@/lib/utils";
2 
3function AspectRatio({ ratio = 1, className = "", ...props }) {
4	return (
5		<div
6			data-slot="aspect-ratio"
7			style={{
8				"--ratio": ratio,
9			}}
10			className={cn("relative aspect-(--ratio)", className)}
11			{...props}
12		/>
13	);
14}
15 
16AspectRatio.displayName = "AspectRatio";
17 
18export { AspectRatio };