import React from 'react';
import { SupportedSize, CommonProps, SupportedColor } from '../Element/Element';
import { SupportedIconName } from '../../shared/icons';
import { ArrayElementType } from '../../types/utils/ArrayElementType';
declare type GrowlNotificationProps = {
    /** Notification message to be displayed */
    notification?: string;
    /** Notification style variant */
    variant?: GrowlNotificationSupportedVariant;
    /** Icon  */
    icon?: SupportedIconName;
    /** Background color */
    background?: SupportedColor;
    /** Vertical padding */
    verticalPadding?: SupportedSize;
    /** Positioning */
    position?: GrowlNotificationSupportedPositions;
    /** Call to Action Text  */
    ctaText?: string;
    /** Call to Action to / href. */
    ctaTo?: string;
    /** Call to Action onClick function, works with or without custom wrapper */
    ctaOnClick?: () => void;
    /** Custom wrapper for Call to Action */
    wrapper?: any;
    /** Custom wrapper props  */
    wrapperProps?: any;
    /** Close icon onClick function */
    closeOnClick?: () => void;
} & CommonProps<'div'>;
declare const GrowlNotification: React.FunctionComponent<GrowlNotificationProps>;
export declare const growlVariants: readonly ["warning", "error", "success", "info", "other", "secondary"];
export declare type GrowlNotificationSupportedVariant = ArrayElementType<typeof growlVariants>;
export declare const growlPositions: readonly ["relative", "fixed"];
export declare type GrowlNotificationSupportedPositions = ArrayElementType<typeof growlPositions>;
export declare const mapVariant: {
    readonly warning: {
        readonly background: "orange400";
        readonly icon: "alert-filled";
        readonly contentColor: "orange800";
    };
    readonly error: {
        readonly background: "red600";
        readonly icon: "error-filled";
        readonly contentColor: "white";
    };
    readonly success: {
        readonly background: "green700";
        readonly icon: "check-circle-filled";
        readonly contentColor: "white";
    };
    readonly info: {
        readonly background: "blue600";
        readonly icon: "info-filled";
        readonly contentColor: "white";
    };
    readonly other: {
        readonly background: "purple500";
        readonly icon: "star-filled";
        readonly contentColor: "white";
    };
    readonly secondary: {
        readonly background: "gray800";
        readonly icon: "error-filled";
        readonly contentColor: "white";
    };
};
export default GrowlNotification;