import { n as AnalyticsId } from "../../constants2.js";
import { t as StepButtons_default } from "../../StepButtons.js";
import classNames from "classnames";
import { jsx, jsxs } from "react/jsx-runtime";
import styles from "./styles.module.scss";
var Step = ({ stepper, children, className, contentClassName, backButton, forwardButton, additionalButtons, cancelButton, stickyButtons = false, testId }) => {
	const hasNavigation = backButton || forwardButton || additionalButtons || cancelButton;
	return /* @__PURE__ */ jsxs("div", {
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.Step,
		className,
		children: [
			stepper && /* @__PURE__ */ jsx("div", {
				className: styles.step__stepper,
				children: stepper
			}),
			/* @__PURE__ */ jsx("div", {
				className: classNames(styles.step__content, contentClassName),
				children
			}),
			hasNavigation && /* @__PURE__ */ jsx(StepButtons_default, {
				backButton,
				forwardButton,
				additionalButtons,
				cancelButton,
				sticky: stickyButtons
			})
		]
	});
};
var Step_default = Step;
export { Step_default as default };

//# sourceMappingURL=index.js.map