import { BackgroundProps } from '@codecademy/gamut-styles';
import { ReactNode } from 'react';
import * as React from 'react';
export type BannerVariant = keyof typeof bannerVariants;
declare const bannerVariants: {
    readonly navy: "navy";
    readonly yellow: "yellow";
    readonly subtle: "background-hover";
};
export interface BannerProps extends Omit<BackgroundProps, 'bg' | 'containerType'> {
    children: ReactNode | string;
    /** Visual variation for banners, defaults to navy */
    variant?: BannerVariant | null;
    /**  Callback called when the user closes the banner. */
    onClose?: () => void;
    /** Call to action click callback */
    onCtaClick?: () => void;
    ctaAriaLabel?: string;
}
export declare const Banner: React.FC<BannerProps>;
export {};