@turnkey/react-wallet-kit/dist/components/design/Failure.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');

function DeveloperError(props) {
  const {
    developerTitle = "Developer Error",
    developerMessages,
    userTitle,
    userMessages
  } = props;
  const isDev = process.env.NODE_ENV === "development";
  return jsxRuntime.jsxs("div", {
    className: "flex flex-col justify-center items-center mt-10 text-sm min-w-80 max-w-full min-48 font-normal text-center text-icon-text-light dark:text-icon-text-dark",
    children: [jsxRuntime.jsx("strong", {
      className: "text-danger-light dark:text-danger-dark text-lg",
      children: isDev ? developerTitle : userTitle
    }), isDev ? developerMessages?.map((msg, index) => jsxRuntime.jsxs("div", {
      className: "w-full",
      children: [jsxRuntime.jsx("div", {
        className: "w-full h-[1px] bg-icon-background-light dark:bg-icon-background-dark my-4"
      }), msg]
    }, index)) : userMessages?.map((msg, index) => jsxRuntime.jsx("div", {
      children: msg
    }, index)), isDev && jsxRuntime.jsx("div", {
      className: "text-xs mt-10 font-extralight italic",
      children: "You will only see this error if you are a developer!"
    })]
  });
}

exports.DeveloperError = DeveloperError;
//# sourceMappingURL=Failure.js.map