App.js

import React from 'react';
import { Container, Row, Col } from 'react-bootstrap';
import { ThemeProvider } from 'styled-components';
import theme from './styled/theme'
import StyledGlobal from './styled/Global';

import Task01 from './../../01/Task01';
import Task02 from './../../02/Task02';
import Task03 from './../../03/Task03';
import Task04 from './../../04/Task04';
import Task05 from './../../05/Task05';



const App = () => {
    return (
        <>
            <ThemeProvider theme={theme}>
                <StyledGlobal/>
                <Container fluid>
                    <Row>
                        <Col>
                            <h2>Komponenty React Boostrap</h2></Col>
                        <Col>
                            <h2>Komponenty Twoje</h2>
                        </Col>
                    </Row>
                    <Task01/>
                    <Task02/>
                    <Task03/>
                    <Task04/>
                    <Task05/>
                </Container>
            </ThemeProvider>
        </>
    )
}

export default App;