/* @flow */

import React, { Component } from 'react';
import styles from './styles.css';
import { Link } from 'react-router';

export default class Menu extends Component {

  state: any = {
    status: false,
  };

  changeState: any = () => {
    const status = !this.state.status;
    this.setState({
      status,
    });
  };

  render() {
    return (
      <div className={styles.root}>
        <Link to={'/demo1'} className={styles.option}>
          Demo1
        </Link>
        <Link to={'/demo2'} className={styles.option}>
          Demo2
        </Link>
        <Link to={'/demo3'} className={styles.option}>
          Demo3
        </Link>
        <Link to={'/demo4'} className={styles.option}>
          Demo4
        </Link>
      </div>
    );
  }
}
