text: /**
   * Layout component that queries for data
   * with Gatsby's useStaticQuery component
   *
   * See: https://www.gatsbyjs.org/docs/use-static-query/
   */
  
  import React from 'react'
  import { useStaticQuery, graphql } from 'gatsby'
  
  const MisRepos = () => {
    /*const repos = useStaticQuery(graphql`
      query MisReposQuery {
        githubData {
          data {
            user {
              repositories {
                edges {
                  node {
                    description
                    id
                    isPrivate
                    name
                    url
                  }
                }
              }
            }
          }
        }
      }
    `)
    console.log(repos.githubData.data.user.repositories.edges)*/
    return (
      <table>
        <thead>
          <tr>
            <th>repo.id</th>
            <th>repo.name</th>
            <th>repo.isPrivate</th>
            <th>repo.url</th>
            <th>repo.description</th>
          </tr>
        </thead>
        <tbody>
          {/*repos.githubData.data.user.repositories.edges.map(({ node }) => (
            <tr key={node.id}>
              <td>{node.id}</td>
              <td>{node.name}</td>
              <td>{node.isPrivate ? 'Privado' : 'Público'}</td>
              <td>{node.url}</td>
              <td>{node.description}</td>
            </tr>
          ))*/}
        </tbody>
      </table>
    )
  }
  
  export default MisRepos
  