import { CssBaseline } from "@mui/material";
import { StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
import React from "react";
import { light } from "../../styles/themes";

const CommonThemeProvider = ({ children }) => {
  return (
    <StyledEngineProvider injectFirst>
      <CssBaseline />
      <ThemeProvider theme={light}>{children}</ThemeProvider>
    </StyledEngineProvider>
  );
};

export default CommonThemeProvider;