sriracha-ui/jsx/components/AppContainer/index.js

A react style library build with styled-components, and material ui theme.

import React from "react";
import AppWrapper from "../../../styled/components/AppWrapper";
import { ThemeProvider } from "styled-components";
import { lightColors, nickNacks } from "./theme";
import { GlobalStyles } from "../../../styled/components/GlobalStyles";
import ThemeModeProvider from "../ThemeModeContext";

export default function AppContainer({ children, ...rest }) {
  const theme = {
    colors: lightColors,
    ...nickNacks,
  };

  return (
    <ThemeProvider theme={theme}>
      <ThemeModeProvider theme={theme}>
        <GlobalStyles />
        <AppWrapper {...rest}>{children}</AppWrapper>
      </ThemeModeProvider>
    </ThemeProvider>
  );
}