import { type HTMLAttributes, type ReactNode } from 'react';
import { Root as RadixAspectRatio } from '@radix-ui/react-aspect-ratio';
export { RadixAspectRatio as AspectRatioPrimitive };
type PresetRatio = '1:1' | '4:3' | '16:9' | '3:2' | '21:9';
type FitValue = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';
export interface AspectRatioProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
    /** Preset ratio or numeric escape hatch (e.g. 2.35 for cinema). */
    ratio?: PresetRatio | number;
    /** object-fit applied to the direct child element. */
    fit?: FitValue;
    /** Forwarded to the child via `--ar-object-position` CSS variable. */
    objectPosition?: string;
    children: ReactNode;
}
export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=aspect-ratio.d.ts.map