kinetic-slider
Version:
A WebGL-powered kinetic slider component using PIXI.js
20 lines (19 loc) • 945 B
TypeScript
import { type RefObject } from "react";
import { Application, Sprite, Container } from "pixi.js";
import ResourceManager from '../managers/ResourceManager';
interface ResizeHandlerProps {
sliderRef: RefObject<HTMLDivElement | null>;
appRef: RefObject<Application | null>;
slidesRef: RefObject<Sprite[]>;
textContainersRef: RefObject<Container[]>;
backgroundDisplacementSpriteRef: RefObject<Sprite | null>;
cursorDisplacementSpriteRef: RefObject<Sprite | null>;
resourceManager?: ResourceManager | null;
debounceTime?: number;
}
/**
* Hook to handle resize events for the slider
* Ensures proper scaling and positioning of all visual elements when the window resizes
*/
declare const useResizeHandler: ({ sliderRef, appRef, slidesRef, textContainersRef, backgroundDisplacementSpriteRef, cursorDisplacementSpriteRef, resourceManager, debounceTime }: ResizeHandlerProps) => void;
export default useResizeHandler;