/**@jsx jsx */
import { jsx, Grid } from 'theme-ui'
import Product from './product'

const Products = ({ products }) => {
  return (
    <Grid columns={2}>
      {products.map((product) => (
        <Product key={product.sku} {...product} />
      ))}
    </Grid>
  )
}

export default Products
