packages/dev-tools-pages/ts/components/Base.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

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;
    children: React.ReactNode;
}

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 };