blob: 6f46274f78c95fa98c997fa7162ee8b5eea62909 (
plain) (
blame)
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
|
import * as React from 'react';
import styled from 'styled-components';
import Container from './Container';
const StyledMain =
styled.div <
MainProps >
`
padding-top: 6.25rem;
padding-bottom: 6.25rem;
${props =>
props.dark
? `
background-color: #000;
color: #fff;
`
: ''};
`;
interface MainProps {
dark?: boolean;
children: React.ReactNode;
}
function Main(props: MainProps) {
return (
<StyledMain dark={props.dark}>
<Container>{props.children}</Container>
</StyledMain>
);
}
export default Main;
|