import { useClipboard as p, openBlock as l, createElementBlock as o, createBaseVNode as t, toDisplayString as m, unref as a, normalizeClass as x, withModifiers as h, createCommentVNode as c, renderSlot as k } from "./composables-Ci32s3jE.js";
const w = { class: "p-2 flex flex-wrap items-center gap-2 border-1 rounded-xl" }, _ = { class: "text-xl font-bold flex-0" }, b = { class: "flex-auto flex gap-1" }, v = ["innerHTML"], y = ["href"], g = /* @__PURE__ */ t("div", { class: "i-la-link" }, null, -1), B = [
  g
], D = {
  __name: "GiftWallet",
  props: {
    wallet: {
      type: Object,
      default: () => ({ currency: "USD", account: "Bank of America 1234567890", url: "https://bankofamerica.com" })
    }
  },
  setup(e) {
    var s;
    const r = e, { text: C, copy: i, copied: d, isSupported: u } = p({ source: (s = r.wallet) == null ? void 0 : s.account });
    return (f, n) => (l(), o("div", w, [
      t("div", _, m(e.wallet.currency), 1),
      t("div", b, [
        t("div", {
          class: "text-xs overflow-ellipsis break-all",
          innerHTML: e.wallet.account
        }, null, 8, v),
        a(u) ? (l(), o("div", {
          key: 0,
          class: x(["i-la-copy w-10", { "animate-bounce": a(d) }]),
          onClick: n[0] || (n[0] = h((S) => a(i)(), ["stop"]))
        }, null, 2)) : c("", !0)
      ]),
      e.wallet.url ? (l(), o("a", {
        key: 0,
        href: e.wallet.url,
        target: "_blank"
      }, B, 8, y)) : c("", !0),
      k(f.$slots, "default")
    ]));
  }
};
export {
  D as default
};
//# sourceMappingURL=GiftWallet-emgcEusQ.js.map
