import { type ReactNode } from "react";
import { Particles, Gradient, Shader, Custom } from "./backdrop-layers.js";
import { type BackdropSkin } from "./backdrop.styles.js";
export interface BackdropProps {
    /** The scene: Backdrop.Particles / .Gradient / .Shader layers, back to front. */
    children?: ReactNode;
    energetic?: boolean;
    calm?: boolean;
    dense?: boolean;
    sparse?: boolean;
    vivid?: boolean;
    subtle?: boolean;
    /** Render the poster still and run no timers. Reduce Motion forces this on. */
    still?: boolean;
    /** The vanishing point every travelling layer radiates from, in 0..1 viewport
     *  units. Defaults slightly above centre so content breathes below it. */
    focus?: {
        x: number;
        y: number;
    };
    /** Base tint for bodies that do not carry their own colour. Defaults to the
     *  theme's foreground-ish starlight, so an app with no palette still looks like
     *  ITS brand rather than like Canvas. */
    tint?: string;
    testID?: string;
}
export declare function createBackdrop(skin: BackdropSkin): {
    (props: BackdropProps): import("react").JSX.Element | null;
    Particles: typeof Particles;
    Gradient: typeof Gradient;
    Shader: typeof Shader;
    Custom: typeof Custom;
};
//# sourceMappingURL=backdrop.shared.d.ts.map