import { jsx as i } from "react/jsx-runtime";
import { useMemo as s } from "react";
import a from "../../hooks/useInputGroupContext.js";
import l from "../../hooks/useInputGroupAddonContext.js";
import { inputGroupSizes as c } from "../../types/InputGroupSize.js";
import { inputGroupSideBorderRadius as f } from "../../types/InputGroupSide.js";
import { c as n } from "../../../../index-BtlgVD4m.js";
import x from "../../../text/Text.js";
const y = ({ children: u }) => {
  const { size: e } = a(), { inline: t, side: o } = l(), r = s(() => c[e], [e]), m = s(() => f[o], [o]), p = n(
    "flex items-center justify-center",
    "bg-[var(--base-input)]",
    r.height,
    r.padding,
    m.borderRadius
  ), d = n("flex items-center justify-center", "text-[var(--base-muted-foreground)]");
  return /* @__PURE__ */ i("div", { className: t ? d : p, children: /* @__PURE__ */ i(x, { type: "small", weight: "medium", color: t ? "muted" : "default", children: u }) });
};
y.displayName = "InputGroupText";
export {
  y as default
};
//# sourceMappingURL=InputGroupText.js.map
