import * as React from 'react' ; import { useProducts } from './utils' ; import BrowseProductItem from './BrowseProductItem' ; function BrowseProducts ( ) { const products = useProducts ( ) ; return ( < div className = "spacing" > < nav > < span > View Cart ( 3 ) < /span> < /nav> < hr / > { products . map ( ( product ) => { return ( < BrowseProductItem key = { product . id } productId = { product . id } name = { product . name } price = { product . price } imagePath = { product . imagePath } / > ) ; } ) } < /div>); } export default BrowseProducts ;