import { j as e } from "../../../../../../../_virtual/jsx-runtime.js";
import { FieldTitle as r } from "../field-factory.js";
import n from "../../TagsInput.js";
const f = (s) => {
  const { currentValue: t, onChange: l, title: a, description: i } = s;
  return /* @__PURE__ */ e.jsxs("div", { className: "tags-field flex-1 flex flex-col justify-between gap-1 items-start", children: [
    /* @__PURE__ */ e.jsx(r, { title: a, description: i, containerClassName: "!basis-1/4" }),
    /* @__PURE__ */ e.jsx("div", { className: "ml-auto flex items-center gap-2 flex-grow w-full", children: /* @__PURE__ */ e.jsx(
      n,
      {
        initialValue: t,
        onChange: l,
        className: "w-full",
        placeholder: "Type something and press enter..."
      }
    ) })
  ] });
};
export {
  f as default
};
//# sourceMappingURL=tags.js.map
