rooks
Version:
Collection of awesome react hooks
27 lines (26 loc) • 757 B
TypeScript
/**
* Easing function type
*/
type EasingFunction = (t: number) => number;
/**
* Common easing functions
*/
declare const Easing: {
linear: (t: number) => number;
easeInQuad: (t: number) => number;
easeOutQuad: (t: number) => number;
easeInOutQuad: (t: number) => number;
easeInCubic: (t: number) => number;
easeOutCubic: (t: number) => number;
easeInOutCubic: (t: number) => number;
};
/**
* useTween hook
*
* @param duration Duration of the tween in milliseconds
* @param easing Easing function to use
* @returns The current value of the tween (0 to 1)
* @see https://rooks.vercel.app/docs/hooks/useTween
*/
declare function useTween(duration?: number, easing?: EasingFunction): number;
export { useTween, Easing };