import { jsx as o } from "react/jsx-runtime";
import u from "../../foundation/Icon/Generated/IconCheckMark.es.js";
import { merge as m } from "../../utilities/merge.es.js";
import { Button as a } from "../Button/Button.es.js";
import { ButtonSize as p, ButtonStyle as r, ButtonEmphasis as l } from "../Button/ButtonTypes.es.js";
const i = ({ buttons: t, border: e = !0 }) => /* @__PURE__ */ o(
  "div",
  {
    className: m([
      "tw-flex tw-gap-x-3 tw-rounded-b tw-justify-end tw-py-5 tw-px-8 tw-bg-base",
      e && "tw-border-t tw-border-line",
      // The footer min-height should be 76px, since we Tailwind doesn't have a tw-h-19 class
      // we force TW to create it
      // The 19 comes from, 10 from the tw-py-5 + 9 from button height tw-h-9
      "tw-min-h-[4.75rem]"
    ]),
    children: t.map((n, s) => /* @__PURE__ */ o(a, { ...n, size: p.Medium }, `flyout-footer-button-${s}`))
  }
);
i.displayName = "FondueFlyoutFooter";
const c = ({
  onConfirm: t,
  onCancel: e
}) => /* @__PURE__ */ o(
  i,
  {
    buttons: t ? [
      {
        style: r.Default,
        emphasis: l.Default,
        children: "Cancel",
        onClick: e
      },
      {
        style: r.Default,
        emphasis: l.Strong,
        children: "Confirm",
        onClick: t,
        icon: /* @__PURE__ */ o(u, {})
      }
    ] : [
      {
        style: r.Default,
        emphasis: l.Default,
        children: "Close",
        onClick: e
      }
    ]
  }
);
c.displayName = "FondueLegacyFlyoutFooter";
export {
  i as FlyoutFooter,
  c as LegacyFlyoutFooter
};
//# sourceMappingURL=FlyoutFooter.es.js.map
