import { jsxs as n, jsx as e } from "react/jsx-runtime";
import { a as _ } from "./index.CfQlFjZU.js";
import { n as t } from "./index.B0wX8xO7.js";
import { c as C } from "./index.CfM2L_w0.js";
import { a as b } from "./TextInput.63vMRxAK.js";
import { c as h } from "./Dropdown.CMeTYQwB.js";
const N = "creator_comboInputContainer_7Gmmp", I = "creator_label_csTv7", f = "creator_comboInputWrapper_V1W-P", w = "creator_dropdownField_xwc9L", v = "creator_input_UWOkj", x = "creator_helper_v567z", W = "creator_helper__error_g500x", r = { comboInputContainer: N, label: I, comboInputWrapper: f, dropdownField: w, input: v, helper: x, helper__error: W };
function F({
  ...o
}) {
  return {
    containerClassName: r.comboInputContainer,
    wrapperClassName: r.comboInputWrapper,
    labelClassName: r.label,
    helperClassName: C(r.helper, {
      [r.helper__error]: o.hasError
    }),
    dropdownFieldClassName: r.dropdownField,
    inputClassName: r.input,
    ...o
  };
}
const j = ({
  label: o,
  helper: a,
  dropdownProps: s,
  textInputProps: l,
  containerClassName: p,
  wrapperClassName: c,
  labelClassName: m,
  helperClassName: i,
  dropdownFieldClassName: u,
  inputClassName: d
}) => /* @__PURE__ */ n("div", { className: p, children: [
  /* @__PURE__ */ e(
    t,
    {
      value: o,
      then: /* @__PURE__ */ e("label", { className: m, children: o })
    }
  ),
  /* @__PURE__ */ n("div", { className: c, children: [
    /* @__PURE__ */ e(h, { fieldClassName: u, ...s }),
    /* @__PURE__ */ e(
      b,
      {
        inputContainerClassName: d,
        ...l
      }
    )
  ] }),
  /* @__PURE__ */ e(
    t,
    {
      value: a,
      then: /* @__PURE__ */ e("label", { className: i, children: a })
    }
  )
] }), D = _(j, F);
export {
  j as C,
  D as a,
  F as u
};
