text: import React from 'react'
  import {BrowserRouter as Router, Route} from 'react-router-dom'
  import {Container} from 'react-bootstrap'
  import Header from './components/Header'
  import Footer from './components/Footer'
  import HomeScreen from './screens/HomeScreen'
  import ProductScreen from './screens/ProductScreen'
  import ClothsScreen from './screens/ClothsScreen'
  import GroceryScreen from './screens/GroceryScreen'
  
  const App =() =>{
    return (
      <Router>
        <Header />
        <main className='py-3'>
          <Container>
            <Route path='/' component={HomeScreen} exact />
            <Route path='/product/:id' component={ProductScreen} />
            <Route path='/fashion' component={ClothsScreen} />
            <Route path='/grocery' component={GroceryScreen} />
          </Container>  
        </main>
        <Footer />
      </Router>
    )
  }
  
  export default App
  