import { ComponentPropsWithoutRef, ReactNode } from 'react';
import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
import { CardBackdrop } from '@viasat/beam-shared/components/card';
export interface CardMediaAboveProps extends ComponentPropsWithoutRef<'div'> {
    /**
     * Specify the content for the media above 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 MediaAbove: {
    (props: CardMediaAboveProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};