/**
 * NotificationBanner
 * A simple div placed in the app to display a message to the user.
 */
/// <reference types="react" />
import { States } from '../../core/types';
import './NotificationBanner.scss';
export type NotificationBannerProps = {
    message?: string;
    state?: States;
    show?: boolean;
    children?: React.ReactNode;
    hasCloseButton?: boolean;
    onCloseButtonClick?: () => void;
    style?: React.CSSProperties;
};
/**
 * NotificationBanner
 * A simple div placed in the app to display a message to the user.
 * The `RightButtons` prop will display a row of buttons on the right side of the banner.
 *
 * @param props - The props for the NotificationBanner component.
 * @param props.message - The message to display in the banner.
 * @param props.state - The state of the banner, including States.DISCOVERY, States.SUCCESS, States.WARNING, States.ALERT
 * @param props.show - Whether to show the banner.
 * @param props.children - The children to display inside the banner.
 * @param props.hasCloseButton - Whether to show the close button on the left edge of the banner.
 * @param props.onCloseButtonClick - The function to call when the close button is clicked.
 */
export declare const NotificationBanner: (props: NotificationBannerProps) => import("react/jsx-runtime").JSX.Element;
export default NotificationBanner;
