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

import * as React from 'react';

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

interface BaseProps {
    context: any;
    children: React.ReactNode;
}

function Base(props: BaseProps) {
    return (
        <ThemeContext.Provider value={props.context}>
            <GlobalStyles />
            <Header />
            {props.children}
            <Footer />
        </ThemeContext.Provider>
    );
}

export default Base;