import React from 'react'
import { NativeSyntheticEvent, ViewProps } from 'react-native'

export const PullToRefreshStateIdle = 0
export const PullToRefreshStateComing = 1
export const PullToRefreshStateRefreshing = 2
export type PullToRefreshStateIdle = typeof PullToRefreshStateIdle
export type PullToRefreshStateComing = typeof PullToRefreshStateComing
export type PullToRefreshStateRefreshing = typeof PullToRefreshStateRefreshing

export type PullToRefreshState = PullToRefreshStateIdle | PullToRefreshStateComing | PullToRefreshStateRefreshing

interface StateChangedEventData {
  state: PullToRefreshState
}

interface OffsetChangedEventData {
  offset: number
}

export type PullToRefreshStateChangedEvent = NativeSyntheticEvent<StateChangedEventData>
export type PullToRefreshOffsetChangedEvent = NativeSyntheticEvent<OffsetChangedEventData>

export interface PullToRefreshHeaderProps {
  onRefresh?: () => void
  refreshing: boolean
}

export interface PullToRefreshFooterProps {
  onRefresh?: () => void
  refreshing: boolean
  noMoreData?: boolean
  manual?: boolean
}

export interface PullToRefreshProps extends ViewProps {
  onRefresh?: () => void
  refreshing?: boolean
  onLoadMore?: () => void
  loadingMore?: boolean
  noMoreData?: boolean
  header?: React.ReactElement<PullToRefreshHeaderProps>
  footer?: React.ReactElement<PullToRefreshFooterProps>
}