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

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

'use strict';

var jsxRuntime = require('react/jsx-runtime');
var Spinners = require('../../design/Spinners.js');
var clsx = require('clsx');
var qrcode_react = require('qrcode.react');

function QRCodeDisplay(props) {
  const {
    uri,
    icon,
    isLoading
  } = props;
  return jsxRuntime.jsxs("div", {
    className: "relative inline-block",
    children: [jsxRuntime.jsx(qrcode_react.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 && jsxRuntime.jsx("div", {
      className: "absolute inset-0 flex items-center justify-center",
      children: jsxRuntime.jsx(Spinners.Spinner, {
        className: "size-12",
        strokeWidth: 2
      })
    })]
  });
}

exports.QRCodeDisplay = QRCodeDisplay;
//# sourceMappingURL=QRCodeDisplay.js.map