import { jsx as A } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import a from "classnames";
import { memo as l } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
/* empty css               */
import { Image as c } from "../Image/Image.js";
import { STATUS_BOX_CLASS as O, STATUS_BOX_DATA_TAGS as e, STATUS_BOX_DATA_AMOUNT as o, STATUS_BOX_DATA_PAY_METHOD as d, STATUS_BOX_DATA_PAY_METHOD_LOGO_CONTAINER as B, STATUS_BOX_DATA_PAY_METHOD_LOGO as D, STATUS_BOX_DATA_PAY_METHOD_DETAIL as N, STATUS_BOX_DATA_LABEL as n } from "./constants.js";
const t = ({ tag: T, amount: s, paymentMethod: r, paymentMethodType: _, date: i, formattedDate: m, classNames: S }) => /* @__PURE__ */ A("div", { className: O, children: [
  T && /* @__PURE__ */ A("div", { className: e, children: T }),
  s && /* @__PURE__ */ A("div", { className: a(o, S?.amount), children: s }),
  _ && /* @__PURE__ */ A("div", { className: d, children: [
    /* @__PURE__ */ A("div", { className: B, children: /* @__PURE__ */ A(c, { className: D, name: _, alt: _, folder: "logos/" }) }),
    /* @__PURE__ */ A("div", { className: N, children: r })
  ] }),
  i && m && /* @__PURE__ */ A("div", { className: n, children: /* @__PURE__ */ A("time", { dateTime: i, children: m }) })
] }), L = l(t);
export {
  L as default
};
