{"size": 1600, "ext": "js", "max_stars_repo_path": "src/pages/About/certification.js", "max_stars_repo_name": "sgost/Archimedis", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/About/certification.js", "max_issues_repo_name": "sgost/Archimedis", "max_issues_repo_issues_event_min_datetime": "2021-09-09T06:55:31.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-11T04:13:17.000Z", "max_forks_repo_path": "src/pages/About/certification.js", "max_forks_repo_name": "sgost/Archimedis", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 26.2295081967, "max_line_length": 100, "alphanum_fraction": 0.5225}
import React from "react";
import { graphql, useStaticQuery } from "gatsby";
import "../../styles/About/Certifications.css";

export const Certification = ({ title, certificationImages }) => {
  return (
    <>
      <div id="Certifications">
        <h1>{title}</h1>
        <div id="Certifications_container">
          {certificationImages && certificationImages.map((certificationImagess, i) =>
            <div id="Certifications_container_block1" ke={i}>
              {certificationImagess.icon.publicURL ?
                <img src={certificationImagess.icon.publicURL} alt={certificationImagess.alt_tag} />
                :
                <img src={certificationImagess.icon} alt={certificationImagess.alt_tag} />
              }
            </div>
          )}
        </div>
      </div>
    </>
  );
};
const CertificationPrev = () => {

  const data = useStaticQuery(graphql`
    query{
        file(relativePath: {eq: "About/certification.md"}) {
            id
            childMarkdownRemark {
              frontmatter {
                title
                certificationImages {
                  id
                  icon {
                      publicURL
                    }
                }
              }
            }
          }
        }
     `)

      const CertificationPre = data.file.childMarkdownRemark.frontmatter;

  return (
    <>
      {
        data.file &&
        <Certification
          title={CertificationPre.title}
          certificationImages={CertificationPre.certificationImages}
        />
      }
    </>
  )
}
export default CertificationPrev;
