2017-10-31 12:03:44 +02:00
|
|
|
import React from 'react';
|
2017-12-18 13:25:50 +02:00
|
|
|
import { ThemeProvider, injectGlobal } from 'styled-components';
|
2017-10-19 16:36:18 +03:00
|
|
|
|
2017-05-18 21:21:33 +03:00
|
|
|
import theme from '../theme';
|
2017-10-04 20:30:10 +03:00
|
|
|
import Base from '../base';
|
2017-10-19 16:36:18 +03:00
|
|
|
import { RootContainer } from '../layout';
|
2017-10-20 16:41:14 +03:00
|
|
|
import 'codemirror/mode/jsx/jsx';
|
2017-05-18 21:21:33 +03:00
|
|
|
|
2017-12-18 13:25:50 +02:00
|
|
|
injectGlobal`
|
2018-01-29 20:09:18 +02:00
|
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:700,400');
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700');
|
2017-12-18 13:25:50 +02:00
|
|
|
|
|
|
|
button {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
code, .CodeMirror-line * {
|
2018-01-29 20:09:18 +02:00
|
|
|
font-family: 'Roboto Mono';
|
2017-12-18 13:25:50 +02:00
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
2017-05-25 17:59:58 +03:00
|
|
|
const StyledBase = Base.extend`
|
2017-09-27 17:44:57 +03:00
|
|
|
/* trick prettier */
|
2017-05-18 21:21:33 +03:00
|
|
|
background-color: transparent;
|
|
|
|
`;
|
|
|
|
|
2017-10-19 16:36:18 +03:00
|
|
|
export default ({ children }) => (
|
|
|
|
<ThemeProvider theme={theme}>
|
|
|
|
<StyledBase>
|
2017-12-15 16:53:59 +02:00
|
|
|
<RootContainer>{children}</RootContainer>
|
2017-10-19 16:36:18 +03:00
|
|
|
</StyledBase>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|