@sky-mavis/tanto-widget/dist/cjs/contexts/theme/ThemeProvider.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var react$1 = require('@emotion/react');
var react = require('react');
var theme = require('../../styles/theme.cjs');

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
function ThemeProvider(props) {
  const {
    children,
    theme: themeMode = 'dark',
    customThemeToken
  } = props;
  const theme$1 = react.useMemo(() => {
    const baseTheme = themeMode === 'dark' ? theme.tantoDarkTheme : theme.tantoLightTheme;
    const theme$1 = {
      ...baseTheme,
      ...customThemeToken
    };
    return theme$1;
  }, [themeMode, customThemeToken]);
  return jsxRuntime.jsxs(react$1.ThemeProvider, {
    theme: theme$1,
    children: [jsxRuntime.jsx(DefaultFontLoader, {}), children]
  });
}
var _ref = process.env.NODE_ENV === "production" ? {
  name: "tqyvmx",
  styles: "@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2') format('woff2');}"
} : {
  name: "4ktuje-styles",
  styles: "@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2') format('woff2');};label:styles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN1QyIsImZpbGUiOiJUaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB0YW50b0RhcmtUaGVtZSwgdGFudG9MaWdodFRoZW1lIH0gZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmV4cG9ydCBmdW5jdGlvbiBUaGVtZVByb3ZpZGVyKHByb3BzKSB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgdGhlbWU6IHRoZW1lTW9kZSA9ICdkYXJrJywgY3VzdG9tVGhlbWVUb2tlbiB9ID0gcHJvcHM7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3QgYmFzZVRoZW1lID0gdGhlbWVNb2RlID09PSAnZGFyaycgPyB0YW50b0RhcmtUaGVtZSA6IHRhbnRvTGlnaHRUaGVtZTtcbiAgICAgICAgY29uc3QgdGhlbWUgPSB7IC4uLmJhc2VUaGVtZSwgLi4uY3VzdG9tVGhlbWVUb2tlbiB9O1xuICAgICAgICByZXR1cm4gdGhlbWU7XG4gICAgfSwgW3RoZW1lTW9kZSwgY3VzdG9tVGhlbWVUb2tlbl0pO1xuICAgIHJldHVybiAoX2pzeHMoRW1vdGlvblRoZW1lUHJvdmlkZXIsIHsgdGhlbWU6IHRoZW1lLCBjaGlsZHJlbjogW19qc3goRGVmYXVsdEZvbnRMb2FkZXIsIHt9KSwgY2hpbGRyZW5dIH0pKTtcbn1cbmZ1bmN0aW9uIERlZmF1bHRGb250TG9hZGVyKCkge1xuICAgIHJldHVybiAoX2pzeChHbG9iYWwsIHsgc3R5bGVzOiBjc3MgYFxuICAgICAgICBAZm9udC1mYWNlIHtcbiAgICAgICAgICBmb250LWZhbWlseTogJ1dvcmsgU2Fucyc7XG4gICAgICAgICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiAxMDAgOTAwO1xuICAgICAgICAgIGZvbnQtZGlzcGxheTogc3dhcDtcbiAgICAgICAgICBzcmM6IHVybCgnaHR0cHM6Ly9mb250cy5nc3RhdGljLmNvbS9zL3dvcmtzYW5zL3YxOS9RR1lzel93TmFoR0FkcVE0M1JoX2ZLRHB0ZnBBNFEud29mZjInKSBmb3JtYXQoJ3dvZmYyJyk7XG4gICAgICAgIH1cbiAgICAgIGAgfSkpO1xufVxuIl19 */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
function DefaultFontLoader() {
  return jsxRuntime.jsx(react$1.Global, {
    styles: _ref
  });
}

exports.ThemeProvider = ThemeProvider;