Aspect Ratio

1"use client";
2 
3import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
4import * as React from "react";
5import { cn } from "@/lib/utils";
6 
7type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
8 
9const AspectRatio = React.forwardRef<
10  React.ComponentRef<typeof AspectRatioPrimitive.Root>,
11  AspectRatioProps
12>(function AspectRatio({ className, ...props }, ref) {
13  return (
14    <AspectRatioPrimitive.Root
15      className={cn("touch-manipulation", className)}
16      data-slot="aspect-ratio"
17      ref={ref}
18      {...props}
19    />
20  );
21});
22 
23export { AspectRatio };