import MdRenderer from 'components/md-renderer'
import SharePage from 'components/share-page';
import { GuideBodyWrap } from './style';

const GuideBody = ({ guide }) => {
  const GuideContent = require(`../../storage/guides/${guide.fileName}.md`).default;
  return (
    <GuideBodyWrap>
      <MdRenderer>
        <GuideContent />
        <SharePage
          title={ guide.title }
          url={ guide.url }
          twitterUsername={ guide.author.twitter }
        />
      </MdRenderer>
    </GuideBodyWrap>
  );
};

export default GuideBody;