import type { ComponentProps, CSSProperties, ReactNode } from 'react';
import { Button } from '../Button';
type BannerProps = {
    title: string;
    children: ReactNode;
    direction?: 'row' | 'column';
    onClose?: () => void;
    buttonText?: string;
    onClickButton?: ComponentProps<typeof Button>['onClick'];
    linkText?: string;
    linkHref?: string;
    /**
     * Set the image to be displayed on the left side of the banner. If not provided, a default image will be displayed.
     * You can provide the url of the image it will be displayed as an img tag or a ReactNode to be displayed as is.
     */
    image?: ReactNode;
    closable?: boolean;
    className?: string;
    'data-testid'?: string;
    style?: CSSProperties;
    size?: 'small' | 'medium';
    variant?: 'intro' | 'promotional';
};
export declare function Banner({ variant, size, title, children, direction, onClose, buttonText, onClickButton, linkText, linkHref, image, className, closable, 'data-testid': dataTestId, style, }: BannerProps): import("react").JSX.Element | null;
export declare namespace Banner {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map