@turnkey/react-wallet-kit
Version:
The easiest and most powerful way to integrate Turnkey's Embedded Wallets into your React applications.
35 lines (32 loc) • 1.54 kB
JavaScript
'use client';
import { jsx, jsxs } from 'react/jsx-runtime';
import { ClientProvider } from './client/Provider.mjs';
import { ModalProvider } from './modal/Provider.mjs';
import { ModalRoot } from './modal/Root.mjs';
import { TurnkeyThemeOverrides } from './theme/Overrides.mjs';
/** @internal */
function TurnkeyProvider(_ref) {
var _config$ui, _config$ui$colors, _config$ui2, _config$ui2$colors, _config$ui3;
var children = _ref.children,
config = _ref.config,
callbacks = _ref.callbacks;
return jsx(ModalProvider, {
children: jsxs(ClientProvider, {
config: config,
callbacks: callbacks,
children: [jsx(TurnkeyThemeOverrides, {
light: (_config$ui = config.ui) === null || _config$ui === void 0 ? void 0 : (_config$ui$colors = _config$ui.colors) === null || _config$ui$colors === void 0 ? void 0 : _config$ui$colors.light,
dark: (_config$ui2 = config.ui) === null || _config$ui2 === void 0 ? void 0 : (_config$ui2$colors = _config$ui2.colors) === null || _config$ui2$colors === void 0 ? void 0 : _config$ui2$colors.dark
}), children, ((_config$ui3 = config.ui) === null || _config$ui3 === void 0 ? void 0 : _config$ui3.renderModalInProvider) &&
// https://github.com/tailwindlabs/headlessui/discussions/666#discussioncomment-3449763
jsx("div", {
id: "headlessui-portal-root",
children: jsx("div", {})
}), jsx(ModalRoot, {
config: config
})]
})
});
}
export { TurnkeyProvider };
//# sourceMappingURL=TurnkeyProvider.mjs.map