import type { ComponentType } from 'react'
import type { HTMLAttrs } from './common'

interface CountdownVariant {
  label?: boolean
  noDivider?: boolean
  large?: boolean
  feature?: boolean
  inverse?: boolean
}

interface GradientStop {
  color: string
  stop: number
}

interface ContainerGradient {
  angle: number
  stops: GradientStop[]
  type: string
}

interface CountdownTokens {
  containerBorderRadius?: string | number
  containerGradient?: ContainerGradient
  containerBorderWidth?: string | number
  containerBorderColor?: string
  containerInverseBorder?: string | number
  containerInverseBorderColor?: string
  inverseBorderColor?: 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
}

export interface CountdownProps extends HTMLAttrs {
  tokens?: CountdownTokens
  targetTime: Date | string
  copy?: string
  variant?: CountdownVariant
}

declare const Countdown: ComponentType<CountdownProps>

export default Countdown