import { ReactNode, type JSX } from "react";
import type { HoverFn, Placement } from "./types";
import { NOOP } from "./utils";
import { TransitionStatus } from "react-transition-group";
export declare const borderRadius = 4;
export declare const gutter = 8;
export declare const toastWidth = 360;
declare const appearances: {
    success: {
        icon: (props: any) => JSX.Element;
        text: string;
        fg: string;
        bg: string;
    };
    error: {
        icon: (props: any) => JSX.Element;
        text: string;
        fg: string;
        bg: string;
    };
    warning: {
        icon: (props: any) => JSX.Element;
        text: string;
        fg: string;
        bg: string;
    };
    info: {
        icon: (props: any) => JSX.Element;
        text: string;
        fg: string;
        bg: string;
    };
};
export type AppearanceTypes = keyof typeof appearances;
export type ToastProps = {
    appearance: AppearanceTypes;
    autoDismiss: boolean;
    autoDismissTimeout: number;
    children: ReactNode;
    isRunning: boolean;
    onDismiss: typeof NOOP;
    onMouseEnter: HoverFn;
    onMouseLeave: HoverFn;
    placement: Placement;
    transitionDuration: number;
    transitionState: TransitionStatus;
};
export declare const DefaultToast: ({ appearance, autoDismiss, autoDismissTimeout, children, isRunning, onDismiss, placement, transitionDuration, transitionState, onMouseEnter, onMouseLeave, ...otherProps }: ToastProps) => JSX.Element;
export {};