tsx
24 lines
460 Bytes
| 1 | import React from 'react'; |
| 2 | import Header from './Header'; |
| 3 | import Main from './Main'; |
| 4 | import FooterLinks from './FooterLinks'; |
| 5 | import { CSSProperties } from 'react'; |
| 6 | |
| 7 | const mainStyle: CSSProperties = { |
| 8 | position: 'absolute', |
| 9 | top: 50, |
| 10 | left: 50, |
| 11 | background: 'rgba(0,0,0,0.65)', |
| 12 | width: 300, |
| 13 | textAlign: 'left', |
| 14 | padding: 10 |
| 15 | }; |
| 16 | |
| 17 | const App = () => |
| 18 | <div style={mainStyle}> |
| 19 | <Header /> |
| 20 | <Main /> |
| 21 | <FooterLinks /> |
| 22 | </div>; |
| 23 | |
| 24 | export default App; |