import { jsx as e } from "react/jsx-runtime";
import { useContext as m, createElement as i } from "react";
import { ModalLayoutContext as d } from "./context/ModalLayout.es.js";
import { Button as n } from "../Button/Button.es.js";
import { ButtonSize as l } from "../Button/ButtonTypes.es.js";
const s = ({ buttons: o }) => {
  const { padding: t } = m(d);
  return /* @__PURE__ */ e("div", { "data-test-id": "modal-footer", className: `${t.bottom} ${t.horizontal}`, children: o && /* @__PURE__ */ e("div", { className: "tw-flex tw-gap-x-3 tw-justify-end", children: o.map((r, a) => /* @__PURE__ */ i(n, { ...r, size: l.Medium, key: a })) }) });
};
s.displayName = "FondueModalFooter";
export {
  s as ModalFooter
};
//# sourceMappingURL=ModalFooter.es.js.map
