import type { ComponentType } from 'react'

export type HorizontalScrollButtonTokens = {
  backgroundColor?: string
  borderColor?: string
  borderRadius?: number | string
  borderWidth?: number | string
  iconColor?: string
  iconScale?: number | string
  iconSize?: number | string
  iconTranslateX?: number
  iconTranslateY?: number
  outerBorderColor?: string
  outerBorderGap?: number | string
  outerBorderWidth?: number | string
  padding?: number | string
  shadow?: string
}

export interface HorizontalScrollButtonProps {
  direction: 'previous' | 'next'
  onPress: () => void
  icon?: ComponentType<any>
  offset?: number
  copy?: 'en' | 'fr'
  variant?: Record<string, string | number | boolean | undefined>
  tokens?: HorizontalScrollButtonTokens
  hitSlop?: number
}

declare const HorizontalScrollButton: ComponentType<HorizontalScrollButtonProps>

export { HorizontalScrollButton }