import React, { SyntheticEvent } from "react";
/**
 * This component wraps content to make it fade in when it appears and fade out when it disappears.
 * It helps animations feel smoother and more natural.
 **/
declare const FadeIn: React.ForwardRefExoticComponent<{
    className?: string | undefined;
    active?: boolean | undefined;
    onClick?: ((e: SyntheticEvent<HTMLDivElement>) => void) | undefined;
    onHidden?: (() => void) | undefined;
    "data-testid"?: string | undefined;
    style?: any;
} & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;
export default FadeIn;
