import { StyleValue } from "../../core/css/index.types.js";
import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import "../../index.js";
import * as react48 from "react";

//#region src/components/aspect-ratio/aspect-ratio.d.ts
interface AspectRatioProps extends HTMLStyledProps {
  /**
   * The aspect ratio of the Box.
   *
   * @default '4 / 3'
   */
  ratio?: StyleValue<number>;
}
declare const AspectRatioPropsContext: react48.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
/**
 * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
 *
 * @see https://yamada-ui.com/docs/components/aspect-ratio
 */
declare const AspectRatio: Component<"div", AspectRatioProps>;
//#endregion
export { AspectRatio, AspectRatioProps, AspectRatioPropsContext, useAspectRatioPropsContext };
//# sourceMappingURL=aspect-ratio.d.ts.map