@aioha/react-ui/dist/components/login/HiveAuthQR.js

Ready-made React modal for Aioha

import React from 'react';
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
import { QRCode } from 'react-qr-code';
export const HiveAuthQR = ({ payload, cancel }) => {
    return (React.createElement(React.Fragment, null,
        React.createElement("p", { className: "text-sm font-normal max-w-[375px] text-gray-500 dark:text-gray-300" }, "Scan the QR code using a HiveAuth-compatible mobile app."),
        React.createElement("a", { href: payload },
            React.createElement("div", { className: "bg-white p-4 w-64 aspect-square mx-auto my-5" },
                React.createElement(QRCode, { value: payload, className: "w-full h-full" }))),
        React.createElement("div", { className: "w-full flex place-content-center" },
            React.createElement("button", { type: "button", className: "text-gray-900 bg-white border border-gray-300 focus:outline-hidden hover:bg-gray-100 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-800", onClick: cancel }, "Cancel"))));
};