import React from 'react';
import { Toast, ToastOptions, ToastPosition } from 'react-hot-toast';
import { AlertProps } from '@parlor/ui/alert';
export type NotificationProps = {
    /**
     * You can provide your own render function to the Notification by passing it as children.
     */
    children?: (toast: Toast) => JSX.Element;
    /**
     * Add a custom CSS class name to Notification div.
     */
    containerClassName?: string;
    /**
     * Customize the style of Notification div. This can be used to change the offset of all toasts
     */
    containerStyle?: React.CSSProperties;
    /**
     * Changes the gap between each toast. Defaults to 8.
     */
    gutter?: number;
    /**
     * You can change the position of all toasts by modifying supplying position prop.
     */
    position?: ToastPosition;
    /**
     * Toasts spawn at top by default. Set to true if you want new toasts at the end.
     */
    reverseOrder?: boolean;
    /**
     * These will act as default options for all toasts. See toast() for all available options.
     */
    toastOptions?: ToastOptions;
};
export declare const Notification: (props: NotificationProps) => JSX.Element;
export declare const defaultNotification: (title: string) => string;
export declare const goodNotification: (title: string | JSX.Element, props?: Partial<AlertProps>) => string;
export declare const cautionNotification: (title: string | JSX.Element, props?: Partial<AlertProps>) => string;
export declare const warningNotification: (title: string | JSX.Element, props?: Partial<AlertProps>) => string;
export declare const badNotification: (title: string | JSX.Element, props?: Partial<AlertProps>) => string;
export declare const actionSuccessful: (title: string, duration?: number) => string;
