subprojects/frontend/src/theme/ThemeProvider.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

import { observer } from 'mobx-react-lite';
import { ThemeProvider as MaterialUiThemeProvider } from '@mui/material/styles';
import React, { type ReactNode } from 'react';

import { useRootStore } from '../RootStore';

export const ThemeProvider: React.FC<{ children: ReactNode }> = observer(({ children }) => {
  const { themeStore } = useRootStore();

  return (
    <MaterialUiThemeProvider theme={themeStore.materialUiTheme}>
      {children}
    </MaterialUiThemeProvider>
  );
});