import React from 'react';
import styled from 'styled-components';

import TopBar from '../../components/TopBar';
import Categories from '../../components/Categories';
import Banner from '../../components/Banner/Banner';
import ProductList from '../../components/ProductList';

const Wrapper = styled.div`
    padding: 20px 0;
`;

function HomeScreen() {
    return (
        <Wrapper>
            <TopBar />
            <Categories />
            <Banner />
            <ProductList title="Mais recentes" />
        </Wrapper>
    );
}

export default HomeScreen;