23 lines
714 B
TypeScript
23 lines
714 B
TypeScript
import * as _chakra_ui_system from '@chakra-ui/system';
|
|
import { HTMLChakraProps, ResponsiveValue } from '@chakra-ui/system';
|
|
|
|
interface AspectRatioOptions {
|
|
/**
|
|
* The aspect ratio of the Box. Common values are:
|
|
*
|
|
* `21/9`, `16/9`, `9/16`, `4/3`, `1.85/1`
|
|
*/
|
|
ratio?: ResponsiveValue<number>;
|
|
}
|
|
interface AspectRatioProps extends Omit<HTMLChakraProps<"div">, "aspectRatio">, AspectRatioOptions {
|
|
}
|
|
/**
|
|
* React component used to cropping media (videos, images and maps)
|
|
* to a desired aspect ratio.
|
|
*
|
|
* @see Docs https://chakra-ui.com/aspectratiobox
|
|
*/
|
|
declare const AspectRatio: _chakra_ui_system.ComponentWithAs<"div", AspectRatioProps>;
|
|
|
|
export { AspectRatio, AspectRatioProps };
|