import * as React from 'react';
import { ScrollView, FlatList, SectionList, ScrollViewProps, FlatListProps, SectionListProps } from 'react-native';
import { default as Reanimated2 } from 'react-native-reanimated'
export interface CollapsibleHeaderProps {
    /**
     * render the collapsible header
     */
    renderScrollHeader: () => React.ComponentType<any> | React.ReactElement | null;
    /**
     * The height of collapsible header
     */
    headerHeight?: number;
    /**
     * The height of the Tabbar.
     * If this parameter is set, the initial rendering performance will be improved
     */
    tabbarHeight?: number
    /**
     * The height at which the top area of the Tabview is frozen
     * 
     */
    frozeTop?: number;
    /**
     * Sets the upward offset distance of the TabView and TabBar
     */
    overflowHeight?: number;
    /**
     * Gets the Animated.Value for the current active scene
     * You can use it for animation
     */
    makeScrollTrans?: (scrollValue: Reanimated2.SharedValue<number>) => void;
    /**
     * Whether to allow the scene to slide vertically
     */
    scrollEnabled?: boolean;
    /**
     * Whether the TabView is refreshing
     */
    isRefreshing?: boolean;
    /**
     * If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality.
     * Make sure to also set the isRefreshing prop correctly.
     */
    onStartRefresh?: () => void;
    /**
     * A custom RefreshControl
     */
    renderRefreshControl?: (refreshProps: RefreshControlProps) => React.ReactElement;
    /**
     * If this height is reached, a refresh event will be triggered （onStartRefresh）
     * defaults to 80
     */
    refreshHeight?: number;
    /**
     * It's the distance beyond the refreshHeight, the distance to continue the displacement, when the pull is long enough,
     * it defaults to 50.
     */
    overflowPull?: number;
    /**
     * When the maximum drop-down distance(refreshHeight+overflowPull) is reached,
     * the refreshControl moves the distance for each pixel the finger moves
     * The recommended number is between 0 and 1.
     */
    pullExtendedCoefficient?: number;
    /**
     * When it stops sliding, it automatically switches to the folded and expanded states.
     * it defaults to false.
     */
    enableSnap?: boolean;
    /**
     * The amount of time between the onScroll function being called.
     * (When the interval is longer than scrollingCheckDuration, I think scrolling has stopped)
     * it defaults to 50ms.
     */
    scrollingCheckDuration?: number
}


export interface CommonSceneProps {
    index: number;
}
export interface NormalSceneBaseProps extends CommonSceneProps {
    /**
     * Whether the scene is refreshing
     */
    isRefreshing?: boolean;
    /**
     * If provided, a standard RefreshControl will be added for "Pull to Refresh" functionality.
     * Make sure to also set the isRefreshing prop correctly.
     */
    onStartRefresh?: () => void;
    /**
     * A custom RefreshControl for scene
     */
    renderRefreshControl?: (refreshProps: RefreshControlProps) => React.ReactElement;
    /**
     * You can provide a LoadingView 
     * when the scene is transparent until the height of the onContentSizeRange callback is less than minHeight.
     */
    renderLoadingView?: (headerHeight: number) => React.ReactElement;
}

export interface SceneConfig {

}

export type RefreshType = 'pullToRefresh' | 'enough' | 'prepare' | 'refreshing' | 'finish'

export interface RefreshControlProps {
    refreshValue: Reanimated2.SharedValue<number>
    refreshType: Reanimated2.SharedValue<RefreshType>
    progress: Reanimated2.SharedValue<number>
}

type HScrollViewType = React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<ScrollViewProps>> & React.RefAttributes<ScrollView> & NormalSceneBaseProps>
type HFlatListType<T = any> = React.ForwardRefExoticComponent<React.PropsWithoutRef<FlatListProps<T>> & React.RefAttributes<FlatList<T>> & NormalSceneBaseProps>
type HSectionListType<T = any> = React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionListProps<T>> & React.RefAttributes<SectionList<T>> & NormalSceneBaseProps>

export const HScrollView: HScrollViewType
export const HFlatList: HFlatListType
export const HSectionList: HSectionListType



export interface IGestureContainerProps extends CollapsibleHeaderProps {
    initialPage: number
    renderTabView: any
}

export type GestureContainerRef = {
    setCurrentIndex: (index: number) => void;
} | undefined

export const GestureContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<IGestureContainerProps> & React.RefAttributes<GestureContainerRef>>