import "./fade_in.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface FadeInProps extends StyleProps {
    children?: React.ReactNode;
    /** Rise this many px while fading in — the "appearing into place" gesture.
     *  Default 0 (fade only). */
    translateY?: number;
    /** Travel this many px horizontally while fading in — negative enters from the
     *  left, positive from the right. The gesture for a panel arriving from an
     *  edge rather than settling into place. Default 0. */
    translateX?: number;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Entrance polish for freshly mounted content: it fades in, optionally from a
 * few px away.
 *
 * ONE keyframe on the motion tokens, so it collapses to 1ms under
 * `prefers-reduced-motion` with nothing of its own to remember — and it runs
 * once, on mount, which is what a `key` change re-triggers.
 */
export declare function FadeIn(props: FadeInProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;