/// <reference types="react" />
/**
 * A simple state based transition for element's enter and exit (to DOM)
 *
 * [warn]: transition property should set to beforeEnter/beforeLeave to activate css transition
 * or set transition to style property to manage them all
 */
export declare const SodaTransition: import("react").ForwardRefExoticComponent<{
    as?: keyof JSX.IntrinsicElements | undefined;
    style?: import("react").CSSProperties | undefined;
    className?: string | undefined;
    beforeEnter?: import("react").CSSProperties | undefined;
    afterEnter?: import("react").CSSProperties | undefined;
    beforeLeave?: import("react").CSSProperties | undefined;
    afterLeave?: import("react").CSSProperties | undefined;
    /**
     * `true` for enter, `false` for leave
     */
    state?: boolean | undefined;
    allowFristRun?: boolean | undefined;
    children?: React.ReactNode;
} & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "className" | "style" | "children" | "beforeEnter" | "afterEnter" | "beforeLeave" | "afterLeave" | "state" | "allowFristRun"> & import("react").RefAttributes<HTMLElement>>;
/**
 * A simple wrapper of `<SodaTransition>`, with default fade transition included.
 */
export declare const SimpleSodaTransition: import("react").ForwardRefExoticComponent<Omit<{
    as?: keyof JSX.IntrinsicElements | undefined;
    style?: import("react").CSSProperties | undefined;
    className?: string | undefined;
    beforeEnter?: import("react").CSSProperties | undefined;
    afterEnter?: import("react").CSSProperties | undefined;
    beforeLeave?: import("react").CSSProperties | undefined;
    afterLeave?: import("react").CSSProperties | undefined;
    /**
     * `true` for enter, `false` for leave
     */
    state?: boolean | undefined;
    allowFristRun?: boolean | undefined;
    children?: React.ReactNode;
} & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "className" | "style" | "children" | "beforeEnter" | "afterEnter" | "beforeLeave" | "afterLeave" | "state" | "allowFristRun"> & import("react").RefAttributes<HTMLElement> & {
    enter?: import("react").CSSProperties | undefined;
    leave?: import("react").CSSProperties | undefined;
}, "ref"> & import("react").RefAttributes<HTMLElement>>;