import { jsx as y } from "react/jsx-runtime";
import { useMemo as b } from "react";
import { c as f, s as x, a as C } from "../tools/tools.js";
const T = function(r) {
  const {
    as: l = "div",
    className: e,
    dropOldClass: s,
    placement: t,
    position: o,
    style: a,
    variables: n,
    ...i
  } = r, d = b(() => {
    const m = f(
      !s && "toast-container",
      o && `position-${o}`,
      t && {
        "bottom-0 end-0": t === "bottom-end",
        "bottom-0 start-0": t === "bottom-start",
        "bottom-0 start-50 translate-middle-x": t === "bottom-center",
        "top-0 end-0": t === "top-end",
        "top-0 start-0": t === "top-start",
        "top-0 start-50 translate-middle-x": t === "top-center",
        "top-50 end-0 translate-middle-y": t === "middle-right",
        "top-50 start-0 translate-middle-y": t === "middle-left",
        "top-50 start-50 translate-middle": t === "middle-center"
      },
      e
    ), p = x((v, c) => ({ tKey: C(c) }), n, a);
    return {
      className: m,
      style: p
    };
  }, [e, s, t, o, a, n]);
  return /* @__PURE__ */ y(l, { ...i, ...d });
};
T.displayName = "BRL.ToastContainer";
export {
  T
};
//# sourceMappingURL=toast-container.js.map
