import { jsx as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import { memo as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
import { TotalsCard as a } from "./TotalsCard.js";
import { BASE_CLASS as c, ITEM_CLASS as n } from "./constants.js";
import { useResponsiveContainer as t, containerQueries as l } from "../../../../../hooks/useResponsiveContainer.js";
/* empty css                       */
import f from "../../../../../core/Context/preact/useCoreContext.js";
import { Fragment as p } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
const L = d(({ loadingTotals: e, totals: o }) => {
  const { i18n: r } = f(), m = t(l.only.xs), s = t(l.down.sm);
  return /* @__PURE__ */ i("div", { className: c, children: m ? /* @__PURE__ */ i(p, { children: [
    /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i(
      a,
      {
        "aria-label": r.get("transactions.overview.totals.labels.incoming"),
        totals: o,
        isLoading: e,
        hiddenField: "expenses",
        fullWidth: s
      }
    ) }),
    /* @__PURE__ */ i("div", { className: n, children: /* @__PURE__ */ i(
      a,
      {
        "aria-label": r.get("transactions.overview.totals.labels.outgoing"),
        totals: o,
        isLoading: e,
        hiddenField: "incomings",
        fullWidth: s
      }
    ) })
  ] }) : /* @__PURE__ */ i(
    a,
    {
      "aria-label": r.get("transactions.overview.totals.labels.default"),
      totals: o,
      isLoading: e,
      fullWidth: s
    }
  ) });
});
export {
  L as default
};
