export interface UseScaleBackgroundOptions {
    /** Whether the overlay is open */
    isOpen: boolean;
    /**
     * Scale factor for the background wrapper (0–1).
     * `1` = no scaling, `0.94` = iOS-style default.
     * @default 0.94
     */
    scale?: number;
    /**
     * Border-radius (in px) for the scaled wrapper.
     * @default 12
     */
    borderRadius?: number;
    /**
     * The position of the drawer/overlay to determine the push direction.
     * @default "bottom"
     */
    position?: "left" | "right" | "top" | "bottom";
}
/**
 * useScaleBackground
 *
 * Applies an iOS-style scale-down + rounded-corners effect to a wrapper
 * element marked with `data-flik-drawer-wrapper` when an overlay opens.
 *
 * Uses Framer Motion's `animate()` to tween a progress value (0→1) and
 * applies interpolated styles via `onUpdate` for perfect synchronisation.
 *
 * Usage:
 * 1. Wrap your app content with `<div data-flik-drawer-wrapper>...</div>`
 * 2. Call this hook from any overlay component (Drawer, Modal, etc.)
 */
export declare function useScaleBackground({ isOpen, scale, borderRadius, position, }: UseScaleBackgroundOptions): void;
