{"_id":"@-ft/mode-react","_rev":"10-6304b9f6943839f3d0d75a3272e20df2","name":"@-ft/mode-react","dist-tags":{"latest":"0.1.3"},"versions":{"0.0.1":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.1","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode.git"},"dependencies":{"@-ft/mode":"^0.0.4","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-mode/issues"},"homepage":"https://github.com/42ts/-ft-mode#readme","_id":"@-ft/mode-react@0.0.1","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-wVS+W+ef0id7BBtmwg375ZSpE6yrrg4INgPkQSbgDUhUxjTv8Du3zDkQCzZr0Zg+f+buNgZe+KOH6XoT5G6L8A==","shasum":"3ce650afe3c4a8006ae9133458aa408edef806de","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.1.tgz","fileCount":4,"unpackedSize":3534,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpLIVgPMyjb/DdP6rXW83yvnPvgBvgd8q9GMEwVD89IAiBPI7ehCQuiEF6lUV9T1OjAmTrrqXVifOZp3KljSinlXw=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.1_1694360485889_0.7083757753540454"},"_hasShrinkwrap":false},"0.0.2":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.2","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.4","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.2","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-uYVupg0rfmoZtrX+JIzTvbj9lfZksDbSGPqnaNBQO5xieSbvXTdiKaFdx4VNDfF1nlsk8vcKwMqymEfVdLuNaA==","shasum":"deab2c4246ccb21776f5fb5cf8e25a9aad9c7b80","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.2.tgz","fileCount":4,"unpackedSize":3540,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDf7+80YEMCmpYSaL4z8I9uskKq156Y2d6NXfAE9vsFGQIgErxlGq1AoRlGnNL/hT9b/C2a5pm2KqEEVLQKncInIIw="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.2_1694360564608_0.8400332372619976"},"_hasShrinkwrap":false},"0.0.3":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.3","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.4","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","gitHead":"d1839c7d058af1f8e39e4a8d1032b26d272c0e25","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.3","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-2DojSBphLauAYRfufpVsboGXpFd6rgUdAd16zTtS5tGO8ITaNy1P2EhdQunA//IRHsvyW2jyhWjvGXLa3AzEdA==","shasum":"a00e4e24f1d6b247c7066d522ce358eedf68a9f4","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.3.tgz","fileCount":4,"unpackedSize":3224,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYJPTs/xeXlA0SdKspug+A3ViizlmhdCfktn/Zwo98BAiBVT2cFFhhcvgAr+S4rHfA/X6Xoc4Q1PUL4oRzPLec0yQ=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.3_1694360910270_0.8355372199243252"},"_hasShrinkwrap":false},"0.0.4":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.4","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.4","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","gitHead":"54978662c06cf5d60638da65623b00aa9f72d64e","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.4","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-KWJV1ZqTK6y62Wyw5c4lSQ3kHs/R8UMINivjEzbBcja+F0WE6yFp7hO0rcYSUtRw2ijhyLyqMyGXCocVFQKtXw==","shasum":"f1787160038fc599c9451168e65e4c6681055955","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.4.tgz","fileCount":4,"unpackedSize":3230,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCfU91koxjBzMn7RecW9ZZYwlt4DbTd7jZmdAF/whRoQIgTa/MRIU9RGtw5gi2d7S1Soju1alKJ7xxjIPX1eT2EDw="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.4_1694361536379_0.15425743175487083"},"_hasShrinkwrap":false},"0.0.5":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.5","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.4","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","gitHead":"54978662c06cf5d60638da65623b00aa9f72d64e","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.5","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-IE2uicVsLwILG3OXrXWBOAN9asSv4y/fYaHHB8Y2b9yh2OERXFX+vX+0VpIe4PUZUV8Vd4RRnoPoIX/bPUdz/A==","shasum":"4824f9011832d7b533e0c0dbb6420fd693b5bc9e","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.5.tgz","fileCount":4,"unpackedSize":3289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxw/j7ukmWnAJR+TDcE6o0BSMETT+92+7ZboVWKnVl1QIhAMu+gKtPoQjvppaY/Rgf4NgTHjLJSVxh8oz49JwQG+Ty"}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.5_1694362084107_0.9152442097426401"},"_hasShrinkwrap":false},"0.0.6":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.6","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.5","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","gitHead":"968f546aee108515a1f5b7d2e82d84308f70c68b","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.6","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-IB5dVLHEqp/ek+pVUXkSFHF96IH2RCGOhEuOLaYDvK10LIDqCXEWWCMcQVbIHNhttJOxbLGg2eju1iayS26ysA==","shasum":"ccc72ec5e938239c95de27c8910e5c7be3614a2e","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.6.tgz","fileCount":4,"unpackedSize":3289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKCL+Ztw44jMFOkJ4K4RNzsZFl1TA45vvR3NgPwmJpiwIhAP52VnkMgJcrgewnWJU/PNIbs9LP6a8GIF7/uGZOZ43k"}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.6_1694362813294_0.9753462339849039"},"_hasShrinkwrap":false},"0.0.7":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.0.7","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"dependencies":{"@-ft/mode":"^0.0.6","@-ft/use-persist":"^0.0.1"},"peerDependencies":{"react":"^18.2.0"},"types":"./index.d.ts","gitHead":"57110e877015924280c732f013674c1e1a86a054","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.0.7","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-OgTnXiwuvTNrHxiPAaHu0FMspBu66KogyyCcWvAjd2CmA8yigmcGuohOqtnEGRtjdSq9sg8m1cUOOXtK5HQC/g==","shasum":"dfb8f0fd734f27a8ab3482584bc62ca0e94139f2","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.0.7.tgz","fileCount":4,"unpackedSize":3289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYFyCneAj8VhaCHqlN7Alm5dS1fQnE6+MwHvWgnZ10WQIgENwuSgRB+GVfDhuTBGu//wupol2HOXB3McFg34r/+Vk="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.0.7_1694363065289_0.795464652246048"},"_hasShrinkwrap":false},"0.1.0":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.1.0","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"peerDependencies":{"@-ft/mode":"^0.1.0","react":"^18.2.0"},"peerDependenciesMeta":{"@-ft/mode":{"optional":true}},"types":"./index.d.ts","gitHead":"596348ed960f8552a6f69ec2a941a689863f2939","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.1.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KoHxy0VnyNkbuaplbO6iu81/Vd7VqOvvTm1/RFo5pXfM1zgcb/nbldmnhK061/X90OSjmfkaoqZ/l7T/7EoNpA==","shasum":"9e10edc15e49bab89ee143d3ab1a263b3cd0f28a","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.1.0.tgz","fileCount":4,"unpackedSize":2719,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFs0Tkuu1rmq718icT9lbFoFNSgWmqxD/lEFyMVlNQGAAiAdkw/bgqYcl3qRc0Mcyb1oWvBj2rB7c7G99podg7U4HQ=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.1.0_1694660023729_0.23292953729478594"},"_hasShrinkwrap":false},"0.1.1":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.1.1","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"peerDependencies":{"@-ft/mode":"^0.1.0","react":"^18.2.0"},"peerDependenciesMeta":{"@-ft/mode":{"optional":true}},"types":"./index.d.ts","gitHead":"596348ed960f8552a6f69ec2a941a689863f2939","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.1.1","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-HjdxN7bSMfmdsB0swMH1omdI1AShcf5GsfjNEt9di5u3QOFV8hgcYvVBx34y274Wtv6sBivxSky64kSniqvrXg==","shasum":"a56479f42cb95f21f86d83e6794bf0ca1c4360cd","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.1.1.tgz","fileCount":4,"unpackedSize":2745,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDif+ZgHtMAhzceBBKcXkyKWGm3EzrLiqIkoYIV5354tAIhAOr35Rie5Hdy9qJHg0Hwe38/d9E2iFMr6hNhNkpzewNv"}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.1.1_1694664943280_0.12377256415985127"},"_hasShrinkwrap":false},"0.1.2":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.1.2","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"peerDependencies":{"@-ft/mode":"^0.1.0","react":"^18.2.0"},"peerDependenciesMeta":{"@-ft/mode":{"optional":true}},"types":"./index.d.ts","gitHead":"93a5d3bd7623c74af8a84f119ad0da51ca1df976","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_id":"@-ft/mode-react@0.1.2","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KgjRzqrXEvm7kGN+JDd+1KTrhT8YMs3wkdMsBgjgYf9qG9LEYsJdliap57olS7zIaCnMjvn0zDbNDFMx5eXqkg==","shasum":"61df9b974863186288009e8c27f687982a682ce8","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.1.2.tgz","fileCount":4,"unpackedSize":2745,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAOpt4SaSe5DZYtXJcqvO8bxyQtV9vcujlz+/wffu/DNAiAq07GfCZlqagEHa2ysPSTzjUHMBorfjdL12zKWgGBPXg=="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.1.2_1694666533378_0.3848971655997597"},"_hasShrinkwrap":false},"0.1.3":{"description":"React wrapper for theme mode manager","name":"@-ft/mode-react","version":"0.1.3","license":"MIT","author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"main":"./index.js","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"peerDependencies":{"@-ft/mode":"^0.1.0","react":"^18.2.0"},"peerDependenciesMeta":{"@-ft/mode":{"optional":true}},"_id":"@-ft/mode-react@0.1.3","gitHead":"f853454a23490f8641dc27a1b0ff279427ef3f45","types":"./index.d.ts","bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"homepage":"https://github.com/42ts/-ft-mode-react#readme","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-GXdp2moggu4n+1fGbu9NcUuKXmvVz32Z/jTwE6nJ8fjZQDgGtbN06aBfFO+wPx4Gt3pwCc+AuxmLwM702UUXLQ==","shasum":"443eac2d91155afca990a52d738c1565d2793add","tarball":"https://registry.npmjs.org/@-ft/mode-react/-/mode-react-0.1.3.tgz","fileCount":4,"unpackedSize":2741,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLeXvTQg426nj3BPhVtFUtNPXLOeJ/T9AMgeV9D0XX3AIgRqvO0fnJkSrIyBBIRNznMnI8xErxUFHo2c5p37Zn0R0="}]},"_npmUser":{"name":"mjy9088","email":"mjy9088@naver.com"},"directories":{},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mode-react_0.1.3_1713339025176_0.5892908197686269"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-10T15:41:25.824Z","0.0.1":"2023-09-10T15:41:26.093Z","modified":"2024-04-17T07:30:25.491Z","0.0.2":"2023-09-10T15:42:44.794Z","0.0.3":"2023-09-10T15:48:30.439Z","0.0.4":"2023-09-10T15:58:56.515Z","0.0.5":"2023-09-10T16:08:04.268Z","0.0.6":"2023-09-10T16:20:13.514Z","0.0.7":"2023-09-10T16:24:25.572Z","0.1.0":"2023-09-14T02:53:43.885Z","0.1.1":"2023-09-14T04:15:43.414Z","0.1.2":"2023-09-14T04:42:13.600Z","0.1.3":"2024-04-17T07:30:25.319Z"},"maintainers":[{"name":"mjy9088","email":"mjy9088@naver.com"}],"description":"React wrapper for theme mode manager","homepage":"https://github.com/42ts/-ft-mode-react#readme","repository":{"type":"git","url":"git+https://github.com/42ts/-ft-mode-react.git"},"author":{"name":"Juyeong Maing","email":"mjy9088@naver.com"},"bugs":{"url":"https://github.com/42ts/-ft-mode-react/issues"},"license":"MIT","readme":"# `mode-react` - Theme mode manager wrapper for React\n\nReact wrapper of dark/light theme mode manager for web\n\n## Usage\n\n- Generate `mode.js` using `@-ft/mode-codegen` package.\n\n```json\n{\n  \"variableName\": \"__theme_mode\"\n}\n```\n\n- Load `mode.js` _**BEFORE load react app**_.\n\n```html\n<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <!-- ./mode.js is generated by @-ft/mode-codegen package -->\n    <script src=\"./mode.js\"></script>\n    <script type=\"module\" src=\"./index.tsx\"></script>\n  </head>\n</html>\n```\n\n- Then wrap your app with `ModeContextProvider`\n\n```jsx\nimport { ModeContextProvider, ModeContext } from '@-ft/mode-react';\n\nfunction Provider({ children }) {\n  return (\n    <ModeContextProvider variableName=\"__theme_mode\">\n      {children}\n    </ModeContextProvider>\n  );\n}\n\nfunction ModeBar() {\n  const { mode, setMode } = useContext(ModeContext);\n\n  return (\n    <Bar>\n      Current theme mode is {mode}.\n      <Select\n        onChange={useCallback((mode) => setMode(mode), [setMode])}\n      >\n        {['system', 'light', 'dark']}\n      </Select>\n    </Bar>\n  )\n}\n\n```\n","readmeFilename":"README.md"}