kinetic-slider
Version:
A WebGL-powered kinetic slider component using PIXI.js
32 lines (31 loc) • 1.49 kB
TypeScript
import { type RefObject } from 'react';
import { Application, Container, Sprite } from 'pixi.js';
import { type TextPair } from '../types';
import ResourceManager from '../managers/ResourceManager';
interface UseTextContainersProps {
sliderRef: RefObject<HTMLDivElement | null>;
appRef: RefObject<Application | null>;
slidesRef: RefObject<Sprite[]>;
textContainersRef: RefObject<Container[]>;
currentIndex: RefObject<number>;
buttonMode: boolean;
texts: TextPair[];
textTitleColor: string;
textTitleSize: number;
mobileTextTitleSize: number;
textTitleLetterspacing: number;
textTitleFontFamily?: string;
textSubTitleColor: string;
textSubTitleSize: number;
mobileTextSubTitleSize: number;
textSubTitleLetterspacing: number;
textSubTitleOffsetTop: number;
mobileTextSubTitleOffsetTop: number;
textSubTitleFontFamily?: string;
resourceManager?: ResourceManager | null;
}
/**
* Advanced text containers hook with comprehensive optimization
*/
declare const useTextContainers: ({ sliderRef, appRef, slidesRef, textContainersRef, currentIndex, buttonMode, texts, textTitleColor, textTitleSize, mobileTextTitleSize, textTitleLetterspacing, textTitleFontFamily, textSubTitleColor, textSubTitleSize, mobileTextSubTitleSize, textSubTitleLetterspacing, textSubTitleOffsetTop, mobileTextSubTitleOffsetTop, textSubTitleFontFamily, resourceManager }: UseTextContainersProps) => void;
export default useTextContainers;