import { getTotalPrice as c } from "./accelbyte-widgets497.mjs";
import e, { useContext as r } from "react";
import { PaymentDataContext as o } from "./accelbyte-widgets576.mjs";
import l from "./accelbyte-widgets672.mjs";
const u = ({ paymentOrderDetails: t }) => {
  const {
    paymentData: { tax: a }
  } = r(o);
  return /* @__PURE__ */ e.createElement("div", { className: l.orderInfo }, /* @__PURE__ */ e.createElement("dl", { className: l.row }, /* @__PURE__ */ e.createElement("dt", null, t.title), /* @__PURE__ */ e.createElement("dd", null, t.currencySymbol, " ", t.price)), /* @__PURE__ */ e.createElement("div", { className: l.separator }), /* @__PURE__ */ e.createElement("div", { className: l.listGroup }, /* @__PURE__ */ e.createElement("dl", { className: l.row }, /* @__PURE__ */ e.createElement("dt", null, "Subtotal"), /* @__PURE__ */ e.createElement("dd", null, t.currencySymbol, " ", t.price)), /* @__PURE__ */ e.createElement("dl", { className: l.row }, /* @__PURE__ */ e.createElement("dt", null, "Sales Tax"), /* @__PURE__ */ e.createElement("dd", null, t.currencySymbol, " ", a && a.formattedTax || "0.00"))), /* @__PURE__ */ e.createElement("div", { className: l.separator }), /* @__PURE__ */ e.createElement("dl", { className: l.totalRow }, /* @__PURE__ */ e.createElement("dt", null, "Total"), /* @__PURE__ */ e.createElement("dd", null, t.currencySymbol, " ", c(t.price, (a == null ? void 0 : a.formattedTax) || void 0))));
};
export {
  u as default
};
