text: const React = require('react');
  
  const CompLibrary = require('../../core/CompLibrary.js');
  
  const MarkdownBlock = CompLibrary.MarkdownBlock;
  const Container = CompLibrary.Container;
  const GridBlock = CompLibrary.GridBlock;
  
  class HomeSplash extends React.Component {
    render() {
      const {siteConfig, language = ''} = this.props;
      const {baseUrl, docsUrl} = siteConfig;
      const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`;
      const langPart = `${language ? `${language}/` : ''}`;
      const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
  
      const SplashContainer = props => (
        <div className="homeContainer">
          <div className="homeSplashFade">
            <div className="wrapper homeWrapper">{props.children}</div>
          </div>
        </div>
      );
  
      const ProjectTitle = () => (
        <h2 className="projectTitle">
          <span>
            {siteConfig.title}
          </span>
          <small>{siteConfig.tagline}</small>
        </h2>
      );
  
      return (
        <SplashContainer>
          <div className="inner">
            <ProjectTitle siteConfig={siteConfig} />
          </div>
        </SplashContainer>
      );
    }
  }
  
  class Index extends React.Component {
    render() {
      const {config: siteConfig, language = ''} = this.props;
      const {baseUrl, buildInfo} = siteConfig;
      //const {organization, moduleName, latestVersion, scalaPublishVersions} = buildInfo;
  
      const Block = props => (
        <Container
          padding={['bottom', 'top']}
          id={props.id}
          background={props.background}>
          <GridBlock
            align="center"
            contents={props.children}
            layout={props.layout}
          />
        </Container>
      );
  
  //     const index =
  // `[![Travis](https://img.shields.io/travis/ovotech/fs2-kafka/master.svg)](https://travis-ci.org/ovotech/fs2-kafka) [![Codecov](https://img.shields.io/codecov/c/github/ovotech/fs2-kafka.svg)](https://codecov.io/gh/ovotech/fs2-kafka) [![Gitter](https://img.shields.io/gitter/room/ovotech/fs2-kafka.svg?colorB=36bc97)](https://gitter.im/ovotech/fs2-kafka) [![Version](https://img.shields.io/badge/version-v${latestVersion}-orange.svg)](https://index.scala-lang.org/ovotech/fs2-kafka)
  
  // Functional streams for Kafka with [FS2](https://fs2.io) and the official Apache Kafka client.  
  // Project is under active development. Feedback and contributions welcome.
  
  // ### Getting Started
  // To get started with [sbt](https://scala-sbt.org), simply add the following line to your \`build.sbt\` file.
  
  //  \`\`\`scala
  // libraryDependencies += "${organization}" %% "${moduleName}" % "${latestVersion}"
  // \`\`\`
  
  // Published for Scala ${scalaPublishVersions}. For changes, refer to the [release notes](https://github.com/ovotech/fs2-kafka/releases).
        // `.trim()
  
      const index = `
  Dynosaur is a purely functional, native, non-blocking client for DynamoDb, based on cats-effect and fs2
  
  NOTE: Dynosaur right now is still in internal development, it will follow a proper OSS governance model once bootstrapped.
  `.trim()
  
      return (
        <div>
          <HomeSplash siteConfig={siteConfig} language={language} />
          <div className="mainContainer">
            <div className="index">
              <MarkdownBlock>
                {index}
              </MarkdownBlock>
            </div>
          </div>
        </div>
      );
    }
  }
  
  module.exports = Index;
  