import { StyledComponentProps } from "../../types/shared.js";
import { AspectRatioProps } from "@radix-ui/react-aspect-ratio";

//#region src/components/aspect-ratio/types.d.ts

/**
 * Props for the AspectRatio component.
 * Maintains a consistent aspect ratio for its content, useful for images, videos, and iframes.
 * Extends Radix UI's AspectRatio with styled component capabilities.
 *
 * @example
 * ```jsx
 * <AspectRatio ratio={16/9}>
 *   <img src="image.jpg" alt="example" className="w-full h-full object-cover" />
 * </AspectRatio>
 * ```
 */
interface AspectRatioProps$1 extends StyledComponentProps<AspectRatioProps> {}
//#endregion
export { AspectRatioProps$1 as AspectRatioProps };