import React from 'react';
import AntCarousel from 'antd/es/carousel';

import { ConfigConsumer } from '../config-provider';
import './index.less';

export default props => (
  <ConfigConsumer>
    {({ getPrefixCls }) => {
      const { prefixCls: customizePrefixCls, ...restProps } = props;
      const prefixCls = getPrefixCls('carousel', customizePrefixCls);
      return <AntCarousel prefixCls={prefixCls} {...restProps} />;
    }}
  </ConfigConsumer>
);