import { jsxs as a, jsx as r } from "react/jsx-runtime";
import s from "../../../box/Box.js";
import i from "../../../text/Text.js";
import n from "../../../icon/Icon.js";
const c = ({ label: o, onClose: e }) => /* @__PURE__ */ a(s, { className: "flex items-center gap-[var(--spacing-1)] border border-[var(--base-info-border)]/10 bg-[var(--base-info-background)] px-[var(--spacing-2-5)] py-[var(--spacing-0-5)] rounded-[var(--border-radius-md)] text-[var(--base-info-text)]", children: [
  /* @__PURE__ */ r(i, { as: "span", type: "xs", color: "info", weight: "semibold", children: o }),
  /* @__PURE__ */ r(n, { name: "X", onClick: e, size: 10 })
] });
export {
  c as default
};
//# sourceMappingURL=ComboBoxTag.js.map
