import { ComponentClass } from 'react'
import AtComponent from './base'

declare type SliderFunction = (value: number) => void

export interface AtSliderProps extends AtComponent {
  /**
   * 最小值
   * @default 0
   */
  min/*;最小*/?: number
  /**
   * 最大值
   * @default 100
   */
  max/*;最大*/?: number
  /**
   * 步长，取值必须大于 0，并且可被 max - min 整除
   * @default 1
   */
  step/*;步长*/?: number
  /**
   * 当前取值
   * @default 0
   */
  value/*;值*/?: number
  /**
   * 是否禁用
   * @default false
   */
  disabled/*;禁用*/?: boolean
  /**
   * 已选择的颜色
   * @default #6190e8
   */
  activeColor/*;激活色*/?: string
  /**
   * 背景条的颜色
   * @default #e9e9e9
   */
  backgroundColor/*;背景色*/?: string
  /**
   * 滑块的大小，取值范围为 12-28
   * @default 28
   */
  blockSize/*;滑块大小*/?: number
  /**
   * 滑块的颜色
   * @default #ffffff
   */
  blockColor/*;滑块颜色*/?: string
  /**
   * 是否显示当前的 Value
   * @default false
   */
  showValue/*;显示值*/?: boolean
  /**
   * 完成一次拖动后触发的事件
   */
  onChange/*;当改变*/?: SliderFunction
  /**
   * 拖动过程中触发的事件
   */
  onChanging/*;当改变中*/?: SliderFunction
}

export interface AtSliderState {
  _value/*;_值*/: number
}

declare const AtSlider: ComponentClass<AtSliderProps>

export default AtSlider