import React, {Component, PropTypes} from 'react';
import {push as Menu} from 'react-burger-menu';

export default class Sidebar extends Component {
  render() {
    const {post} = this.props;
    const {mainDirectory, config} = post.root;

    return (
      <Menu radiumConfig={{ userAgent: 'all' }}
            right pageWrapId={'main'} width={300} className="sidebar__box">
        <h1 className="title">
          <a href={config.url}>{config.title}</a>
        </h1>
        <ul className="sidebar__list">
          {mainDirectory.posts.map((post, idx) => (
            <li key={idx} className="sidebar__item">
              <a href={post.absURL} className="sidebar__link">
                {post.data.title}
              </a>
            </li>
          ))}
        </ul>
      </Menu>
    );
  }
}

// Sidebar.propTypes = {
//   posts: PropTypes.arrayOf(PropTypes.instanceOf(Post))
// }