Aspect Ratio

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