@frontify/fondue
Version:
Design system of Frontify
15 lines (14 loc) • 754 B
JavaScript
import { jsx as e } from "react/jsx-runtime";
import { useContext as m, createElement as i } from "react";
import { ModalLayout as d } from "./context/ModalLayout.es.js";
import { Button as l } from "../Button/Button.es.js";
import { ButtonSize as n } 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(l, { ...r, size: n.Medium, key: a })) }) });
};
s.displayName = "FondueModalFooter";
export {
s as ModalFooter
};
//# sourceMappingURL=ModalFooter.es.js.map