import { jsx as u } from "react/jsx-runtime";
import { useMemo as t } from "react";
import a from "../../hooks/useInputGroupContext.js";
import m from "../../hooks/useInputGroupAddonContext.js";
import { inputGroupSizes as c } from "../../types/InputGroupSize.js";
import { inputGroupSideBorderRadius as f } from "../../types/InputGroupSide.js";
import { c as b } from "../../../../index-BtlgVD4m.js";
const l = ({ children: s, className: p }) => {
  const { size: e } = a(), { inline: r, side: o } = m(), n = t(() => c[e], [e]), i = t(() => f[o], [o]), d = b(
    "flex items-center justify-center",
    "bg-[var(--base-background)]",
    "border border-[var(--base-input)]",
    !r && n.height,
    !r && "px-[var(--spacing-3)]",
    o === "left" ? "border-r-0" : "border-l-0",
    i.borderRadius,
    r && "border-0 p-0",
    p
  );
  return /* @__PURE__ */ u("div", { className: d, children: s });
};
l.displayName = "InputGroupAddonWrapper";
export {
  l as default
};
//# sourceMappingURL=InputGroupAddonWrapper.js.map
