import React, { type ComponentProps, type FC } from "react";
import { type Box } from "../Box/Box";
import { type IconProps } from "../Icons/types/IconProps.type";
export type NotificationBannerColor = "base" | "blue" | "red" | "green" | "amber";
export interface NotificationBannerLinkProps {
    text: string;
    enabled: boolean;
    handleClick?: () => void;
}
interface NotificationBannerPropsWithText {
    text?: string;
    linkProps?: NotificationBannerLinkProps;
    children?: never;
}
interface NotificationBannerPropsWithChildren {
    children: React.ReactNode;
    text?: never;
    linkProps?: never;
}
export type NotificationBannerProps = (NotificationBannerPropsWithChildren | NotificationBannerPropsWithText) & {
    color?: NotificationBannerColor;
    /**
     * The icon can either be one of our icon components or an image url
     */
    icon?: string | React.FunctionComponent<IconProps>;
    className?: string;
    stretch?: boolean;
    /**
     * When stretching the banner, you can also decide if the content should be centered or not.
     */
    centerContent?: boolean;
    noBorder?: null | boolean;
} & ComponentProps<typeof Box>;
export declare const NotificationBanner: FC<NotificationBannerProps>;
export {};