import React from 'react';
import AntdCascader from 'antd/es/cascader';

import { ConfigConsumer } from '../config-provider';
import Icons from '../icons';
import NoData from '../../icons/no-data.svg';

import './index.less';

const { CaretDownIcon, CaretRightIcon } = Icons;

const Cascader = props => (
  <ConfigConsumer>
    {({ getPrefixCls }) => {
      const { prefixCls: customizePrefixCls, ...restProps } = props;
      const prefixCls = getPrefixCls('cascader', customizePrefixCls);
      const notFoundContentCls = getPrefixCls('cascader-not-found-content');

      return (
        <AntdCascader
          prefixCls={prefixCls}
          suffixIcon={<CaretDownIcon />}
          notFoundContent={
            <div className={notFoundContentCls}>
              <NoData />
              <span style={{ paddingTop: 6 }}>暂无数据</span>
            </div>
          }
          {...restProps}
        />
      );
    }}
  </ConfigConsumer>
);

export default Cascader;