import { MuiThemeProvider , StylesProvider , createGenerateClassName , createTheme , ThemeOptions } from '@material-ui/core/styles' ; import * as React from 'react' ; import { themes } from '../Themes' ; import { IProviderProps } from './Provider.props' ; export { IProviderProps } from './Provider.props' ; export const Provider = ( { cssPrefix , children , ... props } ) => { todo const theme = props . theme ? { ... props . theme } : { ... themes . natura . light } ; const newTheme = createTheme ( theme ) ; const generateClassName = ( ) => createGenerateClassName ( { productionPrefix : cssPrefix || 'natds' , seed : cssPrefix } ) ; return ( < StylesProvider generateClassName = { generateClassName ( ) } > < MuiThemeProvider theme = { newTheme } > { children } < /MuiThemeProvider> < /StylesProvider>); } ;