import type * as React from 'react';
import type { AspectRatioProps } from './types.js';
/** @internal Falls back to the default for a non-positive/non-finite `ratio`, and warns once. */
export declare function resolveAspectRatio(ratio: number): number;
/**
 * Fixed width:height ratio. Requires a containing block with definite inline
 * size — flex/grid items without `width`/`flex-basis` have no size.
 *
 * @example
 * ```tsx
 * <div style={{ width: 300 }}>
 *   <AspectRatio ratio={16 / 9}>
 *     <img src="/photo.jpg" alt="" style={{ objectFit: 'cover', width: '100%', height: '100%' }} />
 *   </AspectRatio>
 * </div>
 * ```
 */
export declare const AspectRatio: {
    ({ ratio, style, ref: forwardedRef, ...props }: AspectRatioProps): React.ReactNode;
    displayName: string;
};