import { default as React, ComponentPropsWithRef } from 'react';
import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
import { CardBackdrop } from '@viasat/beam-shared/components/card';
import { BoxProps } from '../Box';
import { BoxBorderRadius } from '@viasat/beam-shared/components/box';
export interface CardMediaProps extends Pick<BoxProps, 'borderRadius'>, ComponentPropsWithRef<'div'> {
    position: 'above' | 'below';
    /**
     * Specify the border radius of the media below
     */
    borderRadius?: BoxBorderRadius;
    /**
     * Specify the content for the media above the card
     */
    children?: React.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?: React.ReactNode;
    /**
     * Content to display as an overlay in the middle of the media
     */
    overlayContentMiddle?: React.ReactNode;
    /**
     * Content to display as an overlay at the bottom of the media
     */
    overlayContentBottom?: React.ReactNode;
}
export declare const Media: React.ForwardRefExoticComponent<Omit<CardMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;