import React, { Component } from 'react'
import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native'

interface IProps{
  dataSource: any[];
  parentWidth: number;
  childrenHeight: number;
  childrenWidth: number;

  marginChildrenTop?: number;
  marginChildrenBottom?: number;
  marginChildrenLeft?: number;
  marginChildrenRight?: number;

  sortable?: boolean;

  onClickItem?: (data: any[],item: any,index: number) => void;
  onDragStart?: (fromIndex: number) => void;
  onDragEnd?: (fromIndex: number,toIndex: number) => void;
  onDataChange?: (data: any[],fromIndex: number,toIndex: number) => void;
  renderItem: (item: any,index: number) => React.ReactElement<any>;
  scaleStatus?: 'scale' | 'scaleX' |'scaleY';
  fixedItems?: number[];
  keyExtractor?: (item: any,index: number) => any;
  delayLongPress?: number;
  isDragFreely?: boolean;
  onDragging?: (gestureState: any, left: number, top: number, moveToIndex: number) => void;

  maxScale?: number;
  minOpacity?: number;
  scaleDuration?: number;
  slideDuration?: number;
}

interface AutoIProps extends IProps {
  autoThrottle?: number,
  autoThrottleDuration?: number,
  renderHeaderView?: any,
  headerViewHeight?: number,
  scrollIndicatorInsets?: {top: number, left: number, bottom: number, right: number},
  renderBottomView?: any,
  bottomViewHeight?: number,
  onScrollListener?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void,
  onScrollRef?: (ref: any) => void
}
 
declare class DragSortableView extends Component<IProps>{}
declare class AutoDragSortableView extends Component<AutoIProps> {}

export { DragSortableView, AutoDragSortableView }