@turnkey/react-wallet-kit/dist/providers/theme/Overrides.mjs

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

import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
import { jsx } from 'react/jsx-runtime';

function TurnkeyThemeOverrides(props) {
  var light = props.light,
    dark = props.dark,
    nonce = props.nonce;
  var generateCSSVars = function generateCSSVars(theme) {
    if (!theme) return "";
    return Object.entries(theme).map(function (_ref) {
      var _ref2 = _slicedToArray(_ref, 2),
        key = _ref2[0],
        value = _ref2[1];
      return "--color-".concat(kebab(key), "-light: ").concat(value, ";");
    }).join("\n");
  };
  var generateDarkCSSVars = function generateDarkCSSVars(theme) {
    if (!theme) return "";
    return Object.entries(theme).map(function (_ref3) {
      var _ref4 = _slicedToArray(_ref3, 2),
        key = _ref4[0],
        value = _ref4[1];
      return "--color-".concat(kebab(key), "-dark: ").concat(value, ";");
    }).join("\n");
  };
  return jsx("style", {
    nonce: nonce,
    children: "\n        :root {\n          ".concat(generateCSSVars(light), "\n        }\n        .dark {\n          ").concat(generateDarkCSSVars(dark), "\n        }\n      ")
  });
}
// Utility to convert camelCase to kebab-case 🥙
function kebab(str) {
  return str.replace(/[A-Z]/g, function (match) {
    return "-".concat(match.toLowerCase());
  });
}

export { TurnkeyThemeOverrides };
//# sourceMappingURL=Overrides.mjs.map