/** @jsx React.DOM */

(function(conjur, React) {
    'use strict';

    var GenericList = conjur.views.GenericList;

    var HostBox = this.HostBox = React.createClass({
        /*getInitialState: function() {
         return { currentNamespace: "", members: [] };
         },*/
        render: function() {
            //<NamespaceFilter currentNamespace={this.props.currentNamespace}
            //namespaces={this.props.data.namespaces} />
            return (
              <div className="hostBox">
                <div className="hostList">
                  <h2>Hosts</h2>
                  <GenericList data={{kind: 'hosts', members: this.props.data.members}} />
                </div>
              </div>
            );
        }
    });

}).bind(conjur.views)
(
    conjur,
    React
);