import { jsx as g } from "react/jsx-runtime";
import { useMemo as C } from "react";
import { c as u, f as v, s as x, a as b } from "../tools/tools.js";
const I = function(l) {
  const { as: a, bottom: t, className: o, dropOldClass: r, overlay: s, style: e, top: m, variables: n, ...c } = l, i = a || (s ? "div" : "img"), d = C(() => {
    const p = u(
      !r && v(
        ["card-img-bottom", t],
        ["card-img-overlay", s],
        ["card-img-top", m],
        ["card-img", !0]
      ),
      o
    ), y = x((B, f) => ({ tKey: b(f) }), n, e);
    return {
      className: p,
      style: y
    };
  }, [t, o, r, s, e, m, n]);
  return /* @__PURE__ */ g(i, { ...c, ...d });
};
I.displayName = "BRL.CardImg";
export {
  I as C
};
//# sourceMappingURL=card-img.js.map
