import * as React from 'react'
import { RadiumStyles, Omit } from '../..'

interface CallbackProps {
  atStart: boolean
  atEnd: boolean
  slideTo: number
  parentWidth: number
  trackWidth: number
}

export interface ScrollTrackProps {
  /** Prop for passing in custom button content for back button */
  backButtonContent?: React.ReactNode

  /** The elements to scroll */
  children?: React.ReactNode

  /** Manually control left positioning of ScrollTrack */
  leftOverride?: number

  /** Prop for passing in custom button content for next button */
  nextButtonContent?: React.ReactNode

  /**
   * A callback called before sliding to next set.
   * ** Passed function must return a promsie **
   * -- will wait for promise resolution before continuing slide.
   * Use for high levels of control
   */
  onBeforeNext?(callbackProps: CallbackProps): Promise<undefined | { scrollOffset?: number }>

  /**
   * A callback called before sliding to previous set.
   * ** Passed function must return a promsie **
   * -- will wait for promise resolution before continuing slide.
   * Use for high levels of control
   */
  onBeforeBack?(callbackProps: CallbackProps): Promise<undefined | { scrollOffset?: number }>

  /**  function to be called after sliding to next set. */
  onAfterNext?(callbackProps: CallbackProps): void

  /**  function to be called after sliding to previous set. */
  onAfterBack?(callbackProps: CallbackProps): void

  /** number of pixels to offset forward scrolls by */
  scrollOffset?: number

  /** Speed of scrolling animaton in milleseconds - defaults to 150ms */
  scrollSpeed?: number

  /** Transition timing function to use for scrolling animation - defaults to ease-in-out */
  scrollTimingFunction?: string

  /** Style top level element */
  style?: RadiumStyles

  /** Style specifc children elements [LeftArrow, RightArrow, Track] */
  styles?: {
    LeftArrow?: RadiumStyles
    RightArrow?: RadiumStyles
    Track?: RadiumStyles
  }
}

interface TrackProps {
  showLeftArrow: boolean
  showRightArrow: boolean
  left: number
  isSliding: boolean
  parentWidth: number | false
  trackWidth: number | false
  trackBounds: DOMRect | false
}

export interface WithEqualWidthTrackInjectedProps {
  startIndex: number
  lastIndex: number
  trackProps: TrackProps
}

export interface WithTrackProps extends TrackProps {}

type GetChildWidth = (arguments: { trackProps: TrackProps }) => number

type EqualWidthTrack = (
  childWidth: number | GetChildWidth
) => <T extends WithEqualWidthTrackInjectedProps>(
  wrappedComponent: React.ComponentType<T>
) => React.ComponentType<Omit<T, keyof WithEqualWidthTrackInjectedProps>>

declare const ScrollTrack: React.ComponentClass<ScrollTrackProps> & {
  equalWidthTrack: EqualWidthTrack
}

export default ScrollTrack