/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX, RefObject } from "preact";
export interface ActionDockProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Showing; ignored when `watch` is set. */
    visible?: boolean;
    /** The in-flow control this dock stands in for; the dock shows itself while that control is off screen (a selector string is deprecated; pass a ref). */
    watch?: RefObject<Element | null> | string;
    /** When to show while watching; only `"hidden"` today. */
    revealWhen?: "hidden";
}
/** Whether `el` is outside the viewport trimmed by `inset` px at the bottom; entirely visible counts as present (cf: actiondock-reveal). */
export declare function observeOffScreen(el: Element, onChange: (offScreen: boolean) => void, inset?: number): () => void;
/**
 * A bottom-anchored region carrying the one primary action of a view (DL 14.8); a thin wrapper over `.strand-actiondock`. Give a docked copy of an in-flow control `aria-hidden` and `tabIndex={-1}`.
 *
 * @example
 * const rsvp = useRef(null);
 * <Button ref={rsvp}>RSVP</Button>
 * <ActionDock watch={rsvp} aria-hidden="true"><Button tabIndex={-1} onClick={onRsvp}>RSVP</Button></ActionDock>
 */
export declare const ActionDock: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ActionDockProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=ActionDock.d.ts.map