UNPKG

638 BTypeScriptView Raw
1import { type ConditionalValue, type HTMLChakraProps } from "../../styled-system";
2export interface AspectRatioProps extends Omit<HTMLChakraProps<"div">, "aspectRatio"> {
3 /**
4 * The aspect ratio of the Box. Common values are:
5 *
6 * `21/9`, `16/9`, `9/16`, `4/3`, `1.85/1`
7 */
8 ratio?: ConditionalValue<number>;
9}
10/**
11 * React component used to cropping media (videos, images and maps)
12 * to a desired aspect ratio.
13 *
14 * @see Docs https://chakra-ui.com/aspectratiobox
15 */
16export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;