import cn from "classnames";
import { jsxDEV } from "react/jsx-dev-runtime";
var _jsxFileName = "/__w/interface/interface/packages/admin/src/components/bindingFacade/fields/SelectField/SearchInput.tsx";
const cleanCommonProps = (props) => {
  const {
    className,
    clearValue,
    cx,
    getStyles,
    getValue,
    hasValue,
    isMulti,
    isRtl,
    options,
    selectOption,
    selectProps,
    setValue,
    theme,
    ...innerProps
  } = props;
  return {
    ...innerProps
  };
};
const SearchInput = (props) => {
  const {
    innerRef,
    isDisabled,
    isHidden,
    ...innerProps
  } = cleanCommonProps(props);
  return /* @__PURE__ */ jsxDEV("div", {
    className: cn("selectField-search", isHidden && "is-hidden"),
    "data-value": innerProps.value,
    children: /* @__PURE__ */ jsxDEV("input", {
      type: "text",
      className: "selectField-search-input",
      ref: innerRef,
      disabled: isDisabled,
      ...innerProps
    }, void 0, false, {
      fileName: _jsxFileName,
      lineNumber: 31,
      columnNumber: 4
    }, void 0)
  }, void 0, false, {
    fileName: _jsxFileName,
    lineNumber: 30,
    columnNumber: 3
  }, void 0);
};
export {
  SearchInput,
  cleanCommonProps
};
//# sourceMappingURL=SearchInput.js.map
