@arolariu/components/dist/components/ui/aspect-ratio.d.ts

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

import * as React from "react";
/**
 * Props for the {@link AspectRatio} component.
 */
export interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Aspect ratio applied to the wrapper element. @default 1 */
    ratio?: number | string;
}
/**
 * Preserves a predictable width-to-height ratio for arbitrary content.
 *
 * @remarks
 * - Pure CSS component (no Base UI primitive)
 * - Renders a `<div>` element
 * - Styling via CSS Modules with `--ac-*` custom properties
 *
 * @example
 * ```tsx
 * <AspectRatio ratio={16 / 9}>Media</AspectRatio>
 * ```
 *
 * @see {@link AspectRatioProps} for available props
 */
declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
export { AspectRatio };
//# sourceMappingURL=aspect-ratio.d.ts.map