import { ComponentPropsWithoutRef, ReactNode } from 'react';
import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
import { CardBackdrop } from '@viasat/beam-shared/components/card';
import { BoxBorderRadius } from '@viasat/beam-shared/components/box';
export interface CardMediaBelowProps extends ComponentPropsWithoutRef<'div'> {
    /**
     * Specify the border radius of the media below
     */
    borderRadius?: BoxBorderRadius;
    /**
     * Specify the content for the media below the card
     */
    children?: ReactNode;
    /**
     * Specify the aspect ratio
     */
    aspectRatio?: AspectRatioValue;
    /**
     * Apply a backdrop overlay to improve contrast for overlaid content
     */
    overlayColor?: CardBackdrop;
    /**
     * Content to display as an overlay at the top of the media
     */
    overlayContentTop?: ReactNode;
    /**
     * Content to display as an overlay in the middle of the media
     */
    overlayContentMiddle?: ReactNode;
    /**
     * Content to display as an overlay at the bottom of the media
     */
    overlayContentBottom?: ReactNode;
}
export declare const MediaBelow: {
    (props: CardMediaBelowProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};