import React from 'react';
import AntSlider from 'antd/es/slider';
import './index.less';
import { ConfigConsumer } from '../config-provider';

export default props => (
  <ConfigConsumer>
    {({ getPrefixCls }) => {
      const {
        prefixCls: customizePrefixCls,
        tooltipPrefixCls: customizeTooltipPrefixCls,
        ...restProps
      } = props;
      const prefixCls = getPrefixCls('slider', customizePrefixCls);
      const tooltipPrefixCls = getPrefixCls(
        'tooltip',
        customizeTooltipPrefixCls,
      );
      return (
        <AntSlider
          {...restProps}
          prefixCls={prefixCls}
          tooltipPrefixCls={tooltipPrefixCls}
        />
      );
    }}
  </ConfigConsumer>
);