import { jsx as f } from "react/jsx-runtime";
import { forwardRef as u } from "react";
import { cx as x } from "../../utils/classNames.js";
import { useArrowTheme as b } from "../../hooks/useArrowTheme.js";
const v = u(
  ({
    id: r,
    menuId: o,
    labelId: i,
    isExpanded: a,
    disabled: e,
    isInvalid: t,
    describedBy: d,
    inverse: n,
    focused: m,
    className: s,
    ...l
  }, p) => {
    const c = b();
    return n ?? c.inverse, /* @__PURE__ */ f(
      "input",
      {
        ref: p,
        id: r,
        type: "text",
        role: "combobox",
        "aria-autocomplete": "none",
        "aria-expanded": a,
        "aria-controls": o,
        "aria-labelledby": i,
        className: x(
          "tdds-field__select",
          "tdds-menu__trigger",
          {
            "force-focus": !!m
          },
          s
        ),
        "aria-describedby": d || void 0,
        "aria-disabled": e || void 0,
        "aria-invalid": t || void 0,
        readOnly: e || void 0,
        ...l
      }
    );
  }
);
v.displayName = "TextingInput";
export {
  v as TextingInput
};
//# sourceMappingURL=TextingInput.js.map
