Aspect Ratio

1"use client";
2 
3import type React from "react";
4 
5function AspectRatio({
6  ratio = 1,
7  style,
8  ...props
9}: React.ComponentProps<"div"> & {
10  ratio?: number;
11}): React.ReactElement {
12  return (
13    <div
14      data-slot="aspect-ratio"
15      style={{ aspectRatio: ratio, ...style }}
16      {...props}
17    />
18  );
19}
20 
21export { AspectRatio };