import { jsxs as l, jsx as t } from "react/jsx-runtime";
import { B as o, a as e } from "./Button.CpTwUWVr.js";
import { S as n } from "./shared.EdGf6tcG.js";
import { l as m, m as u } from "./index.dWlEA7uO.js";
import "react";
import { a as f } from "./index.CfQlFjZU.js";
const p = "creator_container_D9eIX", b = "creator_button_EO8gB", a = { container: p, button: b }, d = (s) => s, x = ({
  isNextDisabled: s = !1,
  isPreviousDisabled: i = !1,
  onNextClick: r,
  onPreviousClick: c
}) => /* @__PURE__ */ l("div", { className: a.container, children: [
  /* @__PURE__ */ t(
    o,
    {
      className: a.button,
      disabled: i,
      label: "Previous",
      onClick: c,
      prefixIcon: /* @__PURE__ */ t(m, { size: 24 }),
      semantic: n.PRIMARY,
      size: "xsmall",
      type: e.BUTTON
    }
  ),
  /* @__PURE__ */ t(
    o,
    {
      className: a.button,
      disabled: s,
      label: "Next",
      onClick: r,
      semantic: n.PRIMARY,
      size: "xsmall",
      suffixIcon: /* @__PURE__ */ t(u, { size: 24 }),
      type: e.BUTTON
    }
  )
] }), T = f(x, d);
export {
  x as P,
  T as a,
  d as u
};
