import { getAlertIcon as c } from "./accelbyte-widgets123.mjs";
import { Button as i, ButtonStyle as u, ButtonFontSize as f, ButtonType as p } from "./accelbyte-widgets107.mjs";
import { AlertType as n } from "./accelbyte-widgets128.mjs";
import m from "classnames";
import o from "react";
import e from "./accelbyte-widgets573.mjs";
const b = ({ className: s, message: l, type: t, retryText: r, onRetry: a }) => /* @__PURE__ */ o.createElement("div", { className: m(e.paymentAlert, s) }, /* @__PURE__ */ o.createElement("div", { className: e.message }, /* @__PURE__ */ o.createElement(
  "div",
  {
    className: m(e.icon, {
      [e.warning]: t === n.warning,
      [e.danger]: t === n.danger,
      [e.success]: t === n.success,
      [e.info]: t === n.info,
      [e.help]: t === n.help
    })
  },
  c(t)
), l), (!!r || !!a) && /* @__PURE__ */ o.createElement("div", { className: e.retry }, /* @__PURE__ */ o.createElement(
  i,
  {
    className: "button",
    onClick: a,
    buttonStyle: u.PRIMARY,
    buttonFontSize: f.SMALL,
    buttonType: p.FLAT
  },
  r || "Retry"
)));
export {
  b as PaymentAlert
};
