import { default as React } from 'react';
export interface AspectRatioProps {
    /** Content to maintain aspect ratio */
    children: React.ReactNode;
    /** Aspect ratio (width/height or preset) */
    ratio?: number | '16/9' | '4/3' | '1/1' | '21/9' | '3/2';
    /** Additional className */
    className?: string;
}
/**
 * AspectRatio Component
 *
 * Maintains a specific aspect ratio for its content.
 * Useful for responsive images, videos, and embeds.
 *
 * @example
 * ```tsx
 * <AspectRatio ratio="16/9">
 *   <img src="/image.jpg" alt="Example" />
 * </AspectRatio>
 * ```
 *
 * @example
 * ```tsx
 * <AspectRatio ratio={1.5}>
 *   <iframe src="..." />
 * </AspectRatio>
 * ```
 */
export declare const AspectRatio: React.FC<AspectRatioProps>;
//# sourceMappingURL=aspect-ratio.d.ts.map