{"size": 1135, "ext": "js", "max_stars_repo_path": "src/components/style-guide-typography/style-guide-typography.js", "max_stars_repo_name": "smgogarten/anvil-portal", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/style-guide-typography/style-guide-typography.js", "max_issues_repo_name": "smgogarten/anvil-portal", "max_issues_repo_issues_event_min_datetime": "2019-06-06T16:41:42.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-29T04:41:50.000Z", "max_forks_repo_path": "src/components/style-guide-typography/style-guide-typography.js", "max_forks_repo_name": "anvilproject/portal", "max_forks_repo_forks_event_min_datetime": "2019-09-13T21:45:35.000Z", "max_forks_repo_forks_event_max_datetime": "2022-01-07T12:03:55.000Z"}
{"max_stars_count": null, "max_issues_count": 1238, "max_forks_count": 21, "avg_line_length": 22.7, "max_line_length": 66, "alphanum_fraction": 0.6237885463}
/*
 * The AnVIL
 * https://www.anvilproject.org
 *
 * The AnVIL - style guide typography component.
 * Used by the markdown page "/anvil-style-guide/typography".
 * <style-guide-typography></style-guide-typography>.
 */

// Core dependencies
import React from "react";

// App dependencies
import Hero from "../hero/hero";
import LogoFont from "../logo-font/logo-font";
import StyleGuideTypo from "../style-guide-typo/style-guide-typo";

function StyleGuideTypography() {
  return (
    <>
      <StyleGuideTypo>
        <LogoFont>AnVIL</LogoFont>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <h1>Heading1</h1>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <h2>Heading2</h2>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <h3>Heading3</h3>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <h4>Heading4</h4>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <h5>Heading5</h5>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <p>Paragraph</p>
      </StyleGuideTypo>
      <StyleGuideTypo>
        <Hero>Hero</Hero>
      </StyleGuideTypo>
    </>
  );
}

export default StyleGuideTypography;
