import { jsx as n } from "react/jsx-runtime";
import { Button as m, ButtonTypes as e } from "./index-Button.js";
import { ComponentContainer as p } from "./index-ComponentContainer.js";
import "react";
import i from "./index-ActionBarFooter.module.scss.js";
const h = (c) => {
  const {
    buttons: t
  } = c;
  return n(p, {
    testId: "ActionBarFooter_Container",
    className: t.length === 2 ? i.container : i.containerCenter,
    children: t.map((r, o) => n(m, {
      testId: `ActionBarFooter_${o}`,
      onClick: r.onClick,
      type: o === t.length - 1 ? e.primary : e.secondary,
      ...r.props,
      children: r.text
    }, o))
  });
};
export {
  h as ActionBarFooter
};
