import React from "react";
interface CoverProps {
    /** Background image source. URL string or an object of breakpoint: url pairs
     *
     * ```
  {
    default: string, // default image to load (fallback)
    xxxl: string, // different image for each breakpoint (optional). while these are mobile first breakpoints, they MUST be ordered from largest to smallest
    xxl: string,
    xl: string,
    lg: string,
    md: string,
    sm: string,
    xs: string,
  }
    * ```
    */
    bgSrc: string | {
        default: string;
        xs?: string;
        sm?: string;
        md?: string;
        lg?: string;
        xl?: string;
        xxl?: string;
        xxxl?: string;
    };
    /** Set vertical position of image */
    bgPosition?: "top" | "center" | "bottom";
    /** Applies custom classNames to overlay content */
    contentClass?: string;
    /** Cover size */
    size?: "small" | "medium" | "large" | "xlarge";
    /** Additional className for the cover container */
    className?: string;
    /** Children content */
    children?: React.ReactNode;
    /** Additional props passed to Image component */
    [key: string]: any;
}
declare const Cover: React.FC<CoverProps>;
export { Cover };
