import { jsx as u } from "react/jsx-runtime";
import { useMemo as g } from "react";
import { c as M, s as b, a as x } from "../tools/tools.js";
const v = function(d) {
  const {
    as: c = "div",
    centered: a,
    className: e,
    dropOldClass: s,
    fullscreen: l,
    scrollable: r,
    size: o,
    style: t,
    variables: n,
    ...i
  } = d, m = g(() => {
    const f = M(
      !s && "modal-dialog",
      r && "modal-dialog-scrollable",
      a && "modal-dialog-centered",
      o && `modal-${o}`,
      l && (typeof l == "boolean" ? "modal-fullscreen" : `modal-fullscreen-${l}-down`),
      e
    ), p = b((D, y) => ({ tKey: x(y) }), n, t);
    return {
      className: f,
      style: p
    };
  }, [a, e, s, l, r, o, t, n]);
  return /* @__PURE__ */ u(c, { ...i, ...m });
};
v.displayName = "BRL.ModalDialog";
export {
  v as M
};
//# sourceMappingURL=modal-dialog.js.map
