import type { ComponentType } from 'react'
import type { ViewProps } from 'react-native'

export interface CountdownVariants {
  label?: boolean
  noDivider?: boolean
  large?: boolean
  feature?: boolean
  inverse?: boolean
}

export interface CountdownTokens {
  containerBorderRadius?: string | number
  containerBorderWidth?: string | number
  containerBorderColor?: string
  containerPaddingBottomTop?: string | number
  containerPaddingLeftRight?: string | number
  labelBorderColor?: string
  labelLineHeight?: number
  textLineHeight?: number
  labelFontSize?: number
  textFontSize?: number
  labelFontName?: string
  textTimerFontName?: string
  labelFontWeight?: string | number
  textTimerFontWeight?: string | number
  containerGradient?: object
}

export interface CountdownProps extends ViewProps {
  tokens?: CountdownTokens
  targetTime: Date | string
  copy?:
    | 'en'
    | 'fr'
    | {
        days: string
        day: string
        hours: string
        hour: string
        minutes: string
        minute: string
        seconds: string
        second: string
      }
  variant?: CountdownVariants
  units?: Array<'days' | 'hours' | 'minutes' | 'seconds'>
}

export declare const Countdown: ComponentType<CountdownProps>