import type { CSSProperties } from 'react'; import type { Pausable } from "../use-pausable/index.cjs"; import type { ElementTarget } from "../use-target-element/index.cjs"; export interface UseParallaxOptions { /** * Adjust the tilt value from mouse sensor */ mouseTiltAdjust?: (i: number) => number; /** * Adjust the roll value from mouse sensor */ mouseRollAdjust?: (i: number) => number; } export interface UseParallaxReturns extends Pausable { /** * Roll value. Scaled to `-0.5 ~ 0.5` */ roll: number; /** * Tilt value. Scaled to `-0.5 ~ 0.5` */ tilt: number; /** * Container style presets */ containerStyle: (perspective?: number) => CSSProperties; /** * Element style presets */ elementStyle: (rotateRatio?: number, duration?: number) => CSSProperties; } /** * A React Hook that create a parallax effect. */ export declare function useParallax(target: ElementTarget, options?: UseParallaxOptions): UseParallaxReturns;