import React from 'react'; export interface ScrollChangeEvent { scrollLeftRatio: number; scrollTopRatio: number; wheelWidth: number; wheelHeight: number; contentWidth: number; contentHeight: number; pixelX?: number; pixelY?: number; scrollLeft: number; scrollTop: number; } export interface ScrollProps { scroll?: 'x' | 'y' | 'both'; scrollLeftRatio?: number; scrollTopRatio?: number; scrollHeight?: number; scrollWidth?: number; className?: string; onScroll?: (evt: ScrollChangeEvent) => void; children: React.ReactNode; style?: React.CSSProperties; containerHeight?: number; containerWidth?: number; maxHeight?: number; maxWidth?: number; symbol?: any; } export interface ScrollBarProps { direction?: 'x' | 'y'; className?: string; length: number; scrollRatio: number; onScroll(offset: number): void; scrollLength: number; }