/**
 * Created by ge on 6/24/16.
 */
import React from "react";
import Markdown from "../index";

import Highlight from "react-highlight";
// import Badge from "../../react-doc-components/react-badge";
// import PropsTable from "../../react-doc-components/react-component-props-table";

import MarkdownExample from "../react-markdownit.example";
import MarkdownExampleSource from "!!raw!../react-markdownit.example";
import MarkdownAST from "!!react-docgen!../index";

export default function Readme({}) {
    return (
        <Markdown stripIndent={true}>
            {`
            # React ES6 Component Template
            [![npm](https://img.shields.io/npm/v/npm.svg?maxAge=2592000)]()

            1. some stuff
            2. some other stuff

            ## Usage
            `}
            <Highlight>
                npm install react-markdownit
            </Highlight>
            {`
            ## \`HappySandwichMaker\` Component
            This component makes you a delicious Subway sandwich.
            `}
            <MarkdownExample/>{`
            ## Example Source Code`}
            <Highlight>{MarkdownExampleSource}</Highlight>
        </Markdown>
    )
}

//<PropsTable propMetaData={MarkdownAST.props}/>

@@ -661,16 +661,186 @@
 m/v/
-npm.svg?
+react-markdownit.svg?maxAge=2592000&style=flat-square)%5D()%0A            %5B!%5Bgithub%5D(https://img.shields.io/github/downloads/episodeyang/react-markdownit/total.svg?style=flat-square&
 maxA

update example document