@turnkey/react-wallet-kit/dist/components/auth/wallet/QRCodeDisplay.mjs

The easiest and most powerful way to integrate Turnkey's Embedded Wallets into your React applications.

import { jsxs, jsx } from 'react/jsx-runtime';
import { Spinner } from '../../design/Spinners.mjs';
import clsx from 'clsx';
import { QRCodeSVG } from 'qrcode.react';

function QRCodeDisplay(props) {
  var uri = props.uri,
    icon = props.icon,
    isLoading = props.isLoading;
  return jsxs("div", {
    className: "relative inline-block",
    children: [jsx(QRCodeSVG, {
      className: clsx("block border border-modal-background-dark/20 dark:border-modal-background-light/20", "shadow-[0_0_42px] shadow-primary-light/50 dark:shadow-[0_0_42px] dark:shadow-primary-dark/50", isLoading && "blur-sm"),
      value: uri,
      imageSettings: {
        src: icon,
        width: 24,
        height: 24,
        excavate: true
      },
      size: 200
    }), isLoading && jsx("div", {
      className: "absolute inset-0 flex items-center justify-center",
      children: jsx(Spinner, {
        className: "size-12",
        strokeWidth: 2
      })
    })]
  });
}

export { QRCodeDisplay };
//# sourceMappingURL=QRCodeDisplay.mjs.map