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