import { BannerProps } from './Banner';
declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, {
    ({ children, title, paragraph, maxWidth, isType, fontSize, align, hasOverlap, image, imageAlt, }: BannerProps & import("./Banner").BannerImgProps): JSX.Element;
    displayName: string;
} & {
    ButtonGroup: {
        ({ children }: BannerProps): JSX.Element;
        displayName: string;
    };
}>;
export default _default;
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithButtons: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithImage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithGreyGradient: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithDarkWave: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithRedWave: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithAnimation: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithParagraph: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithOverlap: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;
export declare const WithOverlapImage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, BannerProps>;