/*! React Starter Kit | MIT License | http://www.reactstarterkit.com/ */

import React, { PropTypes, Component } from 'react';
import styles from './Destinations.css';
import withStyles from '../../../../decorators/withStyles';

@withStyles(styles)
class Destinations extends Component {

  static propTypes = {
    user: PropTypes.object.isRequired,
    onLogout: PropTypes.func.isRequired,
  };

  static contextTypes = {
    onSetTitle: PropTypes.func.isRequired,
  };

  constructor(props) {
    super(props);

    this.state = {};
  }

  render() {
    const title = 'Destinations';
    this.context.onSetTitle(title);

    const { user } = this.props;

    return (
      <div className="Destinations">
        <div className="Destinations-container">
          <div className="container inner">
            <h1>Destinations</h1>
            <p>
              <span>Welcome to Destinations, <strong>{user.firstName}</strong>! </span>
              <a href="#" onClick={this.props.onLogout}>Logout</a>
            </p>
          </div>
        </div>
      </div>
    );
  }

}

export default Destinations;

@@ -1017,16 +1017,1608 @@
    %3C/p%3E%0A
+            %3Ctable className=%22table table-striped%22%3E%0A              %3Cthead%3E%0A                %3Ctr%3E%0A                   %3Cth%3E#%3C/th%3E%0A                   %3Cth%3EName%3C/th%3E%0A                   %3Cth%3EActions%3C/th%3E%0A                %3C/tr%3E%0A             %3C/thead%3E%0A             %3Ctbody%3E%0A                %3Ctr%3E%0A                   %3Cth scope=%22row%22%3E1%3C/th%3E%0A                   %3Ctd%3ESplit%3C/td%3E%0A                   %3Ctd%3E%0A                    %3Cdiv className=%22btn-toolbar%22 role=%22toolbar%22 aria-label=%22...%22%3E%0A                      %3Cdiv className=%22btn-group%22 role=%22group%22 aria-label=%22...%22%3E%0A                        %3Cbutton className=%22btn btn-default%22%3EEdit%3C/button%3E%0A                      %3C/div%3E%0A                      %3Cdiv className=%22btn-group%22 role=%22group%22 aria-label=%22...%22%3E%0A                        %3Cbutton className=%22btn btn-danger%22%3EDelete%3C/button%3E%0A                      %3C/div%3E%0A                    %3C/div%3E%0A                   %3C/td%3E%0A                %3C/tr%3E%0A                %3Ctr%3E%0A                   %3Cth scope=%22row%22%3E1%3C/th%3E%0A                   %3Ctd%3EZagreb%3C/td%3E%0A                   %3Ctd%3E%0A                    %3Cdiv className=%22btn-toolbar%22 role=%22toolbar%22 aria-label=%22...%22%3E%0A                      %3Cdiv className=%22btn-group%22 role=%22group%22 aria-label=%22...%22%3E%0A                        %3Cbutton className=%22btn btn-default%22%3EEdit%3C/button%3E%0A                      %3C/div%3E%0A                      %3Cdiv className=%22btn-group%22 role=%22group%22 aria-label=%22...%22%3E%0A                        %3Cbutton className=%22btn btn-danger%22%3EDelete%3C/button%3E%0A                      %3C/div%3E%0A                    %3C/div%3E%0A                   %3C/td%3E%0A                %3C/tr%3E%0A              %3C/tbody%3E%0A            %3C/table%3E%0A
         

add destinations template