text: /**@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
  