aboutsummaryrefslogblamecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/base.tsx
blob: 4eb4e3ae384639a5e63976863647c50404195bf4 (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 };