-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
37 lines (35 loc) · 1.12 KB
/
App.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
28
29
30
31
32
33
34
35
36
37
import React from 'react';
import { createGlobalStyle } from 'styled-components';
import { Header } from './Header/Header';
import { Content } from './Content/Content';
import { Footer } from './Footer/Footer';
import { CountProvider } from './_contexts/countContext';
import { CustomThemeProvider } from './_contexts/customThemeContext';
import { ViewProvider } from './_contexts/viewContext';
export const App = () => {
return (
<CustomThemeProvider>
<ViewProvider>
<CountProvider>
<GlobalStyle />
<Header />
<Content />
<Footer />
</CountProvider>
</ViewProvider>
</CustomThemeProvider>
);
};
const GlobalStyle = createGlobalStyle`
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: ${(props) => props.theme.background};
transition-property: background, color, border;
transition-duration: 250ms;
}
`;