import { Select } from "antd"


const NormalSelect = function (prop) {
  return (
    <>
    <Select {...prop}
      getPopupContainer={triggerNode => triggerNode.parentNode || document.body}
      style={prop.style||{width:'100%'}}
      showSearch
      allowClear={prop.allowClear===false?false:true}
      optionFilterProp="children"
      filterOption={(input, option) =>
        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
      }
      />
    </>
  )
}

export default NormalSelect