import { jsx as y } from "react/jsx-runtime";
import { useMemo as b } from "react";
import { c as x, s as L, a as g, t as C, v as G } from "../tools/tools.js";
const I = function(c) {
  const {
    active: s,
    as: t = "li",
    className: a,
    disabled: e,
    dropOldClass: o,
    flexFill: l,
    itemAction: r,
    style: n,
    variables: m,
    variant: i,
    ...p
  } = c, u = b(() => {
    const d = x(
      !o && "list-group-item",
      (s || r) && "list-group-item-action",
      s && "active",
      t !== "button" && e && "disabled",
      l && "flex-fill",
      i && `list-group-item-${i}`,
      a
    ), f = L((O, v) => ({ tKey: g(v) }), m, n);
    return C(
      {
        className: d,
        disabled: t === "button" && e ? !0 : void 0,
        style: f
      },
      G
    );
  }, [t, s, a, e, o, l, r, n, m, i]);
  return /* @__PURE__ */ y(t, { ...p, ...u });
};
I.displayName = "BRL.ListGroupItem";
export {
  I as L
};
//# sourceMappingURL=list-group-item.js.map
