aboutsummaryrefslogblamecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Base.tsx
blob: 8e608ecddac762b49f827746e6f3e281a6fc2dd7 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
                               
                                                  
 



                                               


                     

 



                                                            
                                                              






                                
 
                
import * as React from 'react';
import { ThemeProvider } from 'styled-components';

import { Footer } from 'ts/components/Footer';
import { Header } from 'ts/components/Header';
import { ThemeContext } from 'ts/context';
import { GlobalStyles } from 'ts/globalStyles';

interface BaseProps {
    context: any;
}

const Base: React.StatelessComponent<BaseProps> = props => (
    <ThemeContext.Provider value={props.context}>
        <ThemeProvider theme={props.context}>
            <React.Fragment>
                <GlobalStyles colors={props.context.colors} />
                <Header />
                {props.children}
                <Footer />
            </React.Fragment>
        </ThemeProvider>
    </ThemeContext.Provider>
);

export { Base };