app.jsx

import { BrowserRouter as Router, Route } from 'react-router-dom'
import Upsell from './containers/Upsell'

import AddonsView from './components/AddonsView'
import ExtrasView from './components/Extras'

const Addons = Upsell({
  view: AddonsView,
  products: ['shave-butter', 'hair-gel', 'butt-wipes'],
})

const Extras = Upsell({
  view: AddonsView,
  products: ['body-wash', 'face-cleanser', 'tooth-brush'],
})

export default () => (
  <Router>
    <Switch>
      <Route exact path='/get-started/add-ons' component={Addons} />
      <Route exact path='/get-started/extras' component={Extras} />
    </Switch>
  </Router>
)