| b69ab31 | | | 1 | /** |
| b69ab31 | | | 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. |
| b69ab31 | | | 3 | * |
| b69ab31 | | | 4 | * This source code is licensed under the MIT license found in the |
| b69ab31 | | | 5 | * LICENSE file in the root directory of this source tree. |
| b69ab31 | | | 6 | */ |
| b69ab31 | | | 7 | |
| b69ab31 | | | 8 | import 'react'; |
| b69ab31 | | | 9 | import ReactDOM from 'react-dom/client'; |
| b69ab31 | | | 10 | import {ThemedComponentsRoot} from '../ThemedComponentsRoot'; |
| b69ab31 | | | 11 | import {ViewportOverlayRoot} from '../ViewportOverlay'; |
| b69ab31 | | | 12 | import ComponentExplorer from './ComponentExplorer'; |
| b69ab31 | | | 13 | |
| b69ab31 | | | 14 | import './index.css'; |
| b69ab31 | | | 15 | |
| b69ab31 | | | 16 | import '../theme/themeDark.css'; |
| b69ab31 | | | 17 | import '../theme/themeLight.css'; |
| b69ab31 | | | 18 | |
| b69ab31 | | | 19 | // Include CSS variables we use, originally from vscode-webview-ui-toolkit |
| b69ab31 | | | 20 | import '../theme/themeDarkVariables.css'; |
| b69ab31 | | | 21 | import '../theme/themeLightVariables.css'; |
| b69ab31 | | | 22 | |
| b69ab31 | | | 23 | import '../theme/index.css'; |
| b69ab31 | | | 24 | |
| b69ab31 | | | 25 | // eslint-disable-next-line @typescript-eslint/no-non-null-assertion |
| b69ab31 | | | 26 | const root = ReactDOM.createRoot(document.getElementById('root')!); |
| b69ab31 | | | 27 | root.render( |
| b69ab31 | | | 28 | <ThemedComponentsRoot theme="light"> |
| b69ab31 | | | 29 | <ComponentExplorer /> |
| b69ab31 | | | 30 | <ViewportOverlayRoot /> |
| b69ab31 | | | 31 | </ThemedComponentsRoot>, |
| b69ab31 | | | 32 | ); |