text: import { Link } from 'gatsby'
  import React from 'react'
  import BlogPostPreview from './blog-post-preview'
  
  import styles from './blog-post-preview-grid.module.css'
  
  function BlogPostPreviewGrid (props) {
    return (
      <>
        <div className={styles.root}>
          {props.title && (
            <h2 className={styles.headline}>
              {/* {props.browseMoreHref ? (
                <Link to={props.browseMoreHref}>{props.title}</Link>
              ) : ( */}
              {props.title}
              {/* )} */}
            </h2>
          )}
          <div className={styles.postsList}>
            {props.nodes &&
              props.nodes.map(node => (
                <BlogPostPreview key={node.id} {...node} />
              ))}
          </div>
        </div>
        {props.browseMoreHref && (
          <div className={styles.browseMoreNav}>
            <Link to={props.browseMoreHref}>Browse more</Link>
          </div>
        )}
      </>
    )
  }
  
  BlogPostPreviewGrid.defaultProps = {
    title: '',
    nodes: [],
    browseMoreHref: ''
  }
  
  export default BlogPostPreviewGrid
  