import React, { ElementType } from 'react';
import { BoxProps } from '@mui/material';
export interface OverlayProps extends BoxProps<ElementType> {
    variant?: 'default' | 'hero';
    /** The content like image to be displayed inside the overlay.  */
    overlayContent?: React.ReactNode;
    /** custom props of the Box wrapper of the component. */
    wrapperProps?: BoxProps<ElementType>;
}
/**
 * The Overlay Component
 *
 * Overlay component wraps its children with an overlay effect. The overlay effect is achieved
 * using a semi-transparent gradient background. The component allows for custom content
 * (like an image) to be displayed inside the overlay through the `overlayContent` prop.
 */
export declare const Overlay: React.FC<OverlayProps>;