import { FunctionComponent } from 'react'
import { ControlledProps } from './gizwits-type'

type TFormatter = (value: number) => string
// type TOnComplete = (value: number) => void
type TIndicator = 'point' | "null" // 指示器 button 代表加减号
type TRadius = 'round' | 'rectangle'
export interface SliderGProps extends ControlledProps<number> {
  max: number
  placeholder?: boolean
  min: number
  /**
   * @description x轴的label，数量应该等于 max - min
   * @default
   */
  labels?: string // 逗号分隔
  radiusType?: TRadius
  showValue: boolean
  tintColor?: string
  textColor?: string
  indicator?: TIndicator
  wapperStyle?: any
  step: number
  id?: string
  formatter?: TFormatter
  height?: number,
  onComplete?: (value: number) => void,
  valuePosition?: 'left' | 'indicator' | "right",
  indicatorColor: string,
  showBtns?: boolean,
}

declare const SliderG: FunctionComponent<SliderGProps>

export { SliderG }