import React from "react";
import Layout from "@theme/Layout";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import ReactMarkdown from "react-markdown/with-html";
import styles from "./styles.module.css";

const readmeContent = `<p align="center">
  <a href="https://github.com/neilime/twbs-helper-module" target="_blank"><img src="https://repository-images.githubusercontent.com/80362393/425f1180-7115-11ea-96d4-75646c99df22" width="600"></a>
</p>

[![Continuous integration](https://github.com/neilime/twbs-helper-module/workflows/Continuous%20integration/badge.svg)](https://github.com/neilime/twbs-helper-module/actions?query=workflow%3A%22Continuous+integration%22)
[![Coverage Status](https://codecov.io/gh/neilime/twbs-helper-module/branch/master/graph/badge.svg)](https://codecov.io/gh/neilime/twbs-helper-module)
[![Latest Stable Version](https://poser.pugx.org/neilime/twbs-helper-module/v/stable)](https://packagist.org/packages/neilime/twbs-helper-module)
[![Total Downloads](https://poser.pugx.org/neilime/twbs-helper-module/downloads)](https://packagist.org/packages/neilime/twbs-helper-module)
[![License](https://poser.pugx.org/neilime/twbs-helper-module/license)](https://packagist.org/packages/neilime/twbs-helper-module)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md)
[![Sponsor](https://img.shields.io/badge/%E2%9D%A4-Sponsor-ff69b4)](https://github.com/sponsors/neilime)

📢 **TwbsHelper** is a Laminas (formerly Zend Framework) module for easy integration of the [Twitter Bootstrap v4](https://getbootstrap.com/).

# Helping Project

❤️ If this project helps you reduce time to develop and/or you want to help the maintainer of this project. You can [sponsor](https://github.com/sponsors/neilime) him. Thank you !

# Contributing

👍 If you wish to contribute to TwbsHelper, PRs are welcome! Please read the [CONTRIBUTING.md](CONTRIBUTING.md) file.

# Demonstration / example

🚀 Render **ALL** of the [Twitter Bootstrap v4](https://getbootstrap.com/) elements with TwbsHelper : [see it in action, on-line](https://neilime.github.io/twbs-helper-module/docs/rendering).

# Documentation

### [Installation](https://neilime.github.io/twbs-helper-module/docs/installation)

### [Usage](https://neilime.github.io/twbs-helper-module/docs/rendering)

### [Code coverage](https://codecov.io/gh/neilime/twbs-helper-module)
`;

function Home() {
  const context = useDocusaurusContext();
  const { siteConfig = {} } = context;
  return (
    <Layout
      title={`Hello from ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />"
    >
      <main className={styles.main}>
        <ReactMarkdown source={readmeContent} escapeHtml={false} />
      </main>
    </Layout>
  );
}

export default Home;

@@ -1597,16 +1597,17 @@
 com/).%0A%0A
+#
 # Helpin
@@ -1616,16 +1616,16 @@
 Project%0A
-
 %0A%E2%9D%A4%EF%B8%8F If t
@@ -1798,16 +1798,17 @@
  you !%0A%0A
+#
 # Contri
@@ -1814,16 +1814,16 @@
 ibuting%0A
-
 %0A%F0%9F%91%8D If yo
@@ -1933,16 +1933,17 @@
  file.%0A%0A
+#
 # Demons
@@ -1960,16 +1960,16 @@
 example%0A
-
 %0A%F0%9F%9A%80 Rende
@@ -2153,16 +2153,17 @@
 ring).%0A%0A
+#
 # Docume
@@ -2170,16 +2170,16 @@
 ntation%0A
-
 %0A### %5BIn
@@ -2329,16 +2329,16 @@
 ering)%0A%0A
-
 ### %5BCod
@@ -2398,16 +2398,509 @@
 -module)
+%0A%0A## Author%0A%0A%F0%9F%91%A4 **ESCEMI %3Ccontact@escemi.com%3E**%0A%0A- Website: https://www.escemi.com%0A- Sponsor: https://github.com/sponsors/neilime%0A- Github: %5B@neilime%5D(https://github.com/neilime)%0A- LinkedIn: %5B@https:%5C/%5C/www.linkedin.com%5C/company%5C/escemi%5D(https://linkedin.com/in/https://www.linkedin.com/company/escemi)%0A%0A## %F0%9F%93%9D License%0A%0ACopyright %C2%A9 2020 %5BESCEMI %3Ccontact@escemi.com%3E%5D(https://www.escemi.com).%3Cbr /%3E%0AThis project is %5BMIT%5D(https://github.com/neilime/twbs-helper-module/blob/master/LICENSE) licensed.
 %0A%60;%0A%0Afun

update documentation