@turnkey/react-wallet-kit/dist/providers/theme/Overrides.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 TurnkeyThemeOverrides(props) {
  const {
    light,
    dark,
    nonce
  } = props;
  const generateCSSVars = theme => {
    if (!theme) return "";
    return Object.entries(theme).map(([key, value]) => `--color-${kebab(key)}-light: ${value};`).join("\n");
  };
  const generateDarkCSSVars = theme => {
    if (!theme) return "";
    return Object.entries(theme).map(([key, value]) => `--color-${kebab(key)}-dark: ${value};`).join("\n");
  };
  return jsxRuntime.jsx("style", {
    nonce: nonce,
    children: `
        :root {
          ${generateCSSVars(light)}
        }
        .dark {
          ${generateDarkCSSVars(dark)}
        }
      `
  });
}
// Utility to convert camelCase to kebab-case 🥙
function kebab(str) {
  return str.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
}

exports.TurnkeyThemeOverrides = TurnkeyThemeOverrides;
//# sourceMappingURL=Overrides.js.map