{"size": 708, "ext": "js", "max_stars_repo_path": "src/templates/webapp-template.js", "max_stars_repo_name": "sergio-cutone/portfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/templates/webapp-template.js", "max_issues_repo_name": "sergio-cutone/portfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/templates/webapp-template.js", "max_forks_repo_name": "sergio-cutone/portfolio", "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": 21.4545454545, "max_line_length": 70, "alphanum_fraction": 0.593220339}
import React from "react"
import { graphql } from "gatsby"
import Layout from "../Components/Layout"
import "@wordpress/block-library/build-style/style.css"
import "../styles/layout.css"
export const query = graphql`
  query($id: ID!) {
    wpgraphql {
      webapp(id: $id) {
        title
        content
        slug
      }
    }
  }
`

const WebappTemplate = ({ data }) => {
  const webapp = data.wpgraphql.webapp
  return (
    <>
      <Layout>
        <div className={webapp.slug}>
          <h1 dangerouslySetInnerHTML={{ __html: webapp.title }}></h1>
          <div dangerouslySetInnerHTML={{ __html: webapp.content }} />
        </div>
      </Layout>
    </>
  )
}

export default WebappTemplate
