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