Aurora Aspect Ratio

1"use client"
2 
3import * as React from "react"
4import { cn } from "@/lib/utils"
5 
6export interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
7  ratio?: number
8}
9 
10function AspectRatio({ ref, className, ratio = 16 / 9, style, ...props }: AspectRatioProps & { ref?: React.Ref<HTMLDivElement> }) {
11  return (
12    <div
13      ref={ref}
14      className={cn("relative w-full overflow-hidden", className)}
15      style={{
16        aspectRatio: `${ratio}`,
17        ...style,
18      }}
19      {...props}
20    />
21  )
22}
23 
24export { AspectRatio }
25export default AspectRatio