import { jsxs as e, jsx as a } from "react/jsx-runtime";
import t from "../../utils/classNames.js";
const l = ({ value: s, placeholder: r }) => {
  const o = t(
    "display-flex align-items-center padding-top-5 padding-bottom-5",
    !s && "text-color-gray"
  ), i = t(
    "margin-left--5 margin-right-5 margin-top--1 rioglyph",
    s ? "rioglyph-plus" : "rioglyph-arrow-up"
  );
  return /* @__PURE__ */ e("span", { className: o, children: [
    /* @__PURE__ */ a("span", { className: i }),
    /* @__PURE__ */ a("span", { className: "text-italic", children: s || r })
  ] });
};
export {
  l as default
};
//# sourceMappingURL=CustomSuggestionItem.js.map
