text: import React from "react"
  import { graphql, StaticQuery } from "gatsby"
  
  import style from "./../styles/aboutus.module.sass"
  import Member from "./aboutus/member.js"
  
  const About = () => (
    <StaticQuery
      query={graphql`
        {
          allMarkdownRemark(
            filter: { fileAbsolutePath: { regex: "/(members)/.*.md$/" } }
            sort: { fields: [frontmatter___order], order: ASC }
          ) {
            edges {
              node {
                frontmatter {
                  name
                  title
                  picture
                  description
                  order
                }
              }
            }
          }
        }
      `}
      render={data => (
        <div>
          <div className={style.wrapper}>
            {data.allMarkdownRemark.edges.map(({ node }) => (
              <Member member={node.frontmatter} style={style} />
            ))}
          </div>
        </div>
      )}
    />
  )
  
  export default About
  