import { n as AnalyticsId } from "./constants2.js";
import classNames from "classnames";
import React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import styles from "./components/StepButtons/styles.module.scss";
const StepButtons = (props) => {
	const { backButton, forwardButton, additionalButtons, cancelButton, sticky = false, testId } = props;
	const navigationClasses = classNames(styles.stepbuttons, sticky && styles["stepbuttons--has-sticky-buttons"]);
	if (backButton || forwardButton || additionalButtons || cancelButton) return /* @__PURE__ */ jsxs("div", {
		className: navigationClasses,
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.StepButtons,
		children: [
			(backButton || forwardButton) && /* @__PURE__ */ jsxs("div", {
				className: styles.stepbuttons__buttons,
				children: [backButton && React.cloneElement(backButton, {
					variant: "outline",
					wrapperClassName: classNames(styles["stepbuttons__button--back"])
				}), forwardButton && React.cloneElement(forwardButton, {
					variant: "fill",
					wrapperClassName: classNames(styles["stepbuttons__button--forward"])
				})]
			}),
			additionalButtons && /* @__PURE__ */ jsx("div", {
				className: classNames(styles.stepbuttons__buttons, styles["stepbuttons__buttons--additional"]),
				children: additionalButtons
			}),
			cancelButton && /* @__PURE__ */ jsx("div", {
				className: styles.stepbuttons__buttons,
				children: React.cloneElement(cancelButton, { variant: "borderless" })
			})
		]
	});
	return null;
};
var StepButtons_default$1 = StepButtons;
export { StepButtons as n, StepButtons_default$1 as t };

//# sourceMappingURL=StepButtons.js.map