{"size": 885, "ext": "js", "max_stars_repo_path": "src/components/Blogcard1.js", "max_stars_repo_name": "iemillst/ml-wp", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Blogcard1.js", "max_issues_repo_name": "iemillst/ml-wp", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Blogcard1.js", "max_forks_repo_name": "iemillst/ml-wp", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.5833333333, "max_line_length": 70, "alphanum_fraction": 0.4610169492}
import React from 'react'
import { StaticQuery, Link, graphql } from 'gatsby'

export default () => (
  <StaticQuery
    query={graphql`
      query {
        allWordpressPost(limit: 3) {
          edges {
            node {
              title
              excerpt
              slug
              date(formatString: "MMMM DD, YYYY")
            }
          }
        }
      }
    `}
    render={data => (
      <div>
        <h1>Posts</h1>
        {data.allWordpressPost.edges.map(({ node }) => (
          <div key={node.slug}>
            <Link to={node.slug} css={{ textDecoration: `none` }}>
              <h3 dangerouslySetInnerHTML={{ __html: node.title }} />
            </Link>
            <div dangerouslySetInnerHTML={{ __html: node.excerpt }} />
            <div dangerouslySetInnerHTML={{ __html: node.date }} />
          </div>
        ))}
      </div>
    )}
  />
)
