import React from 'react';
import ReactHtmlParser from 'react-html-parser';
import MarkdownIt from 'markdown-it';
import { storiesOf } from '@storybook/react';

import './index.css';
import './markdown.css';

import Docs from '../README.md';

var md = new MarkdownIt();
var result = md.render(Docs);

storiesOf('about|mayflower-react', module).add('Welcome🎉', function () {
  return React.createElement(
    'div',
    { className: 'main-content main-content--two' },
    React.createElement(
      'div',
      { className: 'page-content' },
      React.createElement(
        'div',
        { className: 'markdown-body' },
        ReactHtmlParser(result)
      )
    )
  );
});