ResultadosDigitais/matrix

import React from "react";
import PropTypes from "prop-types";
import CssBaseline from "@material-ui/core/CssBaseline";
// eslint-disable-next-line import/no-extraneous-dependencies
import { ThemeProvider as MuiThemeProvider } from "@material-ui/styles";
import { connect } from "react-redux";

import { selectTheme } from "../store/selectors";
import Themes from "../Themes";

const ThemeProvider = ({ theme, children }) => (
  <MuiThemeProvider theme={Themes[theme]}>
    <CssBaseline />
    {children}
  </MuiThemeProvider>
);

ThemeProvider.propTypes = {
  theme: PropTypes.string.isRequired,
  children: PropTypes.node.isRequired
};

const mapStateToProps = state => ({
  theme: selectTheme(state)
});

export default connect(mapStateToProps)(ThemeProvider);