Aspect Ratio

1"use client";
2 
3import * as React from "react";
4import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
5import type { AspectRatioProps } from "@radix-ui/react-aspect-ratio";
6 
7const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(
8  ({ ratio = 16 / 9, className, ...props }, ref) => (
9    <AspectRatioPrimitive.Root
10      ref={ref}
11      ratio={ratio}
12      className={className}
13      {...props}
14    />
15  )
16);
17 
18AspectRatio.displayName = "AspectRatio";
19 
20export { AspectRatio };