import _CascaderSelect from "@alifd/next/es/cascader-select";
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["style", "disabled", "placeholder", "dataSource", "followTrigger", "changeOnSelect", "canOnlyCheckLeaf", "value", "isPreview", "size", "hasArrow", "hasBorder", "notFoundContent", "expandTriggerType", "readOnly", "label", "multiple", "showSearch", "hasClear"];
import * as React from 'react';
import "./index.scss";
var CascaderName = function CascaderName(_ref) {
  var _ref$style = _ref.style,
    style = _ref$style === void 0 ? {} : _ref$style,
    disabled = _ref.disabled,
    placeholder = _ref.placeholder,
    dataSource = _ref.dataSource,
    followTrigger = _ref.followTrigger,
    changeOnSelect = _ref.changeOnSelect,
    canOnlyCheckLeaf = _ref.canOnlyCheckLeaf,
    value = _ref.value,
    isPreview = _ref.isPreview,
    size = _ref.size,
    hasArrow = _ref.hasArrow,
    hasBorder = _ref.hasBorder,
    notFoundContent = _ref.notFoundContent,
    expandTriggerType = _ref.expandTriggerType,
    readOnly = _ref.readOnly,
    label = _ref.label,
    multiple = _ref.multiple,
    showSearch = _ref.showSearch,
    hasClear = _ref.hasClear,
    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
  var _style = style || {};
  // console.log(document.querySelector('.next-overlay-inner').style.width = '10px');
  // console.log(document.querySelector('.next-overlay-inner').style.width,333333);

  //   if(size=='large'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="40px"
  //   }

  //   if(size=='medium'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="38px"
  //   }
  //   if(size=='small'){
  //     document.querySelector('.next-cascader-select-dropdown ').style.top="28px"
  //   }

  // if (!_style.width) _style.width = '320px'
  // if (!_style.color) _style.color = '#409EFF'
  // _style.backgroundColor = '#409EFF'
  var _otherProps = otherProps || {};
  _otherProps.style = _style;
  return /*#__PURE__*/React.createElement(_CascaderSelect, _extends({
    prefix: "next-",
    size: size,
    hasArrow: hasArrow,
    hasBorder: hasBorder,
    changeOnSelect: changeOnSelect,
    canOnlyCheckLeaf: canOnlyCheckLeaf,
    notFoundContent: notFoundContent,
    expandTriggerType: expandTriggerType,
    placeholder: placeholder
    // onVisibleChange={onVisibleChange}
    ,
    dataSource: dataSource,
    followTrigger: followTrigger,
    isPreview: isPreview
  }, _otherProps, {
    label: label,
    disabled: disabled,
    hasClear: hasClear,
    value: value,
    multiple: multiple,
    showSearch: showSearch
    // onSearch={onSearch}
    // ref={this._refsManager.linkRef(
    //     "cascaderselect-35b5c200"
    // )}
  }));
};

CascaderName.displayName = 'CascaderName';
export default CascaderName;