import { openBlock as l, createElementBlock as o, createElementVNode as t, toDisplayString as m, unref as a, normalizeClass as p, withModifiers as x, createCommentVNode as r, renderSlot as h } from "vue";
import { useClipboard as k } from "./composables-5f691338.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), C = [
  g
], E = {
  __name: "GiftWallet",
  props: {
    wallet: {
      type: Object,
      default: () => ({ currency: "USD", account: "Bank of America 1234567890", url: "https://bankofamerica.com" })
    }
  },
  setup(e) {
    var n;
    const c = e, { text: S, copy: i, copied: d, isSupported: u } = k({ source: (n = c.wallet) == null ? void 0 : n.account });
    return (f, s) => (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: p(["i-la-copy w-10", { "animate-bounce": a(d) }]),
          onClick: s[0] || (s[0] = x((B) => a(i)(), ["stop"]))
        }, null, 2)) : r("", !0)
      ]),
      e.wallet.url ? (l(), o("a", {
        key: 0,
        href: e.wallet.url,
        target: "_blank"
      }, C, 8, y)) : r("", !0),
      h(f.$slots, "default")
    ]));
  }
};
export {
  E as default
};
//# sourceMappingURL=GiftWallet-eed9d08e.js.map
