import React, { CSSProperties } from "react";
interface AlertBannerProps {
    /**
     * color theme for alert
     * @default "light"
     */
    theme?: "light" | "dark";
    /**
     * The content of the banner, appears to right of icon
     */
    children?: React.ReactNode;
    /**
     * Override container around `{children}`. You can pass either an intrinisic
     * jsx element as a string (like "p") or a React element (`<p />`)
     *
     * If you pass a React element, props that we add are spread onto the input.
     *
     * @default "div"
     */
    childrenContainerAs?: React.ReactElement | keyof JSX.IntrinsicElements;
    className?: string;
    style?: CSSProperties;
    /**
     * Type of alert, this is used to determine the color and icon in the banner
     */
    type: "info" | "warn" | "error" | "success";
}
export declare const AlertBanner: React.FC<AlertBannerProps>;
export {};