/**
 * Slider 类名定义 - 对应 MUI sliderClasses.js
 * 100% 一比一复刻
 */

export interface SliderClasses {
  root: string
  disabled: string
  dragging: string
  focusVisible: string
  marked: string
  vertical: string
  trackInverted: string
  trackFalse: string
  rail: string
  track: string
  thumb: string
  valueLabel: string
  valueLabelOpen: string
  valueLabelCircle: string
  valueLabelLabel: string
  mark: string
  markActive: string
  markLabel: string
  markLabelActive: string
}

export function getSliderUtilityClass(slot: string): string {
  return `MuiSlider-${slot}`
}

const sliderClasses: SliderClasses = {
  root: 'MuiSlider-root',
  disabled: 'Mui-disabled',
  dragging: 'MuiSlider-dragging',
  focusVisible: 'MuiSlider-focusVisible',
  marked: 'MuiSlider-marked',
  vertical: 'MuiSlider-vertical',
  trackInverted: 'MuiSlider-trackInverted',
  trackFalse: 'MuiSlider-trackFalse',
  rail: 'MuiSlider-rail',
  track: 'MuiSlider-track',
  thumb: 'MuiSlider-thumb',
  valueLabel: 'MuiSlider-valueLabel',
  valueLabelOpen: 'MuiSlider-valueLabelOpen',
  valueLabelCircle: 'MuiSlider-valueLabelCircle',
  valueLabelLabel: 'MuiSlider-valueLabelLabel',
  mark: 'MuiSlider-mark',
  markActive: 'MuiSlider-markActive',
  markLabel: 'MuiSlider-markLabel',
  markLabelActive: 'MuiSlider-markLabelActive',
}

export default sliderClasses