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