@wix/design-system
Version:
@wix/design-system
37 lines (32 loc) • 784 B
TypeScript
import * as React from 'react';
export enum AreaY {
TOP = 'top',
MIDDLE = 'middle',
BOTTOM = 'bottom',
NONE = 'none',
}
export enum AreaX {
START = 'start',
MIDDLE = 'middle',
END = 'end',
NONE = 'none',
}
export interface ScrollAreaData {
area: {
x: AreaX;
y: AreaY;
};
target: HTMLElement;
}
export interface ScrollableContainerProps {
className?: string;
dataHook?: string;
scrollThrottleWait?: number;
onScrollAreaChanged?(scrollChangedData: ScrollAreaData): void;
onScrollChanged?(target: HTMLElement): void;
ref?: React.LegacyRef<HTMLDivElement>;
children?: React.ReactNode;
style?: React.CSSProperties;
}
declare const ScrollableContainer: React.FunctionComponent<ScrollableContainerProps>;
export default ScrollableContainer;