import type CSS from 'csstype';
import React from 'react';
/**
 * Type definition for `BackgroundProps.backgroundAnimation`.
 */
export declare enum BackgroundAnimation {
    FADE = "fade",
    ZOOM = "zoom"
}
/**
 * `BackgroundProps` interface for the `Background` JSX
 * component's props used inside the `Slide` components.
 * The `Slide` components `background` prop is also defined
 * by `BackgroundProps`.
 */
export interface BackgroundProps {
    /**
     * CSS property. Defines the width of the background.
     * @default '100%'
     */
    width?: CSS.Properties['width'];
    /**
     * CSS property. Defines the height of the background.
     * @default '100%'
     */
    height?: CSS.Properties['height'];
    backgroundColor?: CSS.Properties['backgroundColor'];
    backgroundAnimationDuration?: CSS.Properties['animationDuration'];
    backgroundAnimationDelay?: CSS.Properties['animationDelay'];
    /**
     * Background animation after the image loads.
     * There are currently two options, a fade-in animation, or a zoom in animation that lasts 30 secs, the background zooms in until it reaches its original size.
     * @default 'fade'
     */
    backgroundAnimation?: `${BackgroundAnimation}`;
    /**
     * Background blend mode CSS property **for the optional mask that could render in each of the Slide components**.
     */
    maskBackgroundBlendMode?: CSS.Properties['backgroundBlendMode'];
    /**
     * Background image.
     */
    backgroundImageClassName?: HTMLImageElement['sizes'];
    backgroundImageBlendMode?: CSS.Properties['mixBlendMode'];
    backgroundImageSizes?: HTMLImageElement['sizes'];
    backgroundImageSrcSet?: HTMLImageElement['srcset'];
    backgroundImageSrc?: HTMLImageElement['src'];
    backgroundImageAlt?: HTMLImageElement['alt'];
    backgroundImageStyle?: React.CSSProperties;
    /**
     * Boolean variable to allow or disable lazy loading.
     * @default true
     */
    shouldLazyLoad?: boolean;
    onLoad?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
}
export default function Background(props: BackgroundProps): JSX.Element;
//# sourceMappingURL=index.d.ts.map