// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
import type { ComponentProps } from "react";
export function AspectRatio({
  ratio = 16 / 9,
  style,
  className = "",
  ...props
}: ComponentProps<"div"> & { ratio?: number }) {
  return (
    <div
      {...props}
      className={`ynr-aspect-ratio ${className}`}
      style={{
        aspectRatio: ratio > 0 && Number.isFinite(ratio) ? ratio : 16 / 9,
        ...style,
      }}
    />
  );
}