// import { ActionButton }                        from '/imports/client/components/actionButton/actionButton';
import _                                  from 'lodash';
import React, { Component }               from 'react';
import { Loading }                        from '/imports/client/components/Loading';

import classNames                         from 'classnames';

/*
  <ActionButton
    loading   = {this.state.loading}
    onAction  = {() => this.onSend()}
    // error     = {this.state.error}
  >
    Send invite
  </ActionButton>
*/

export class ActionButton extends Component {


  render() {
    if(this.props.loading) {
      return (
        <div className = {this.props.className || ""}>
          <Loading/>
        </div>
      );
    }

    return (
      <div
        className = {this.props.className || ""}
        onClick   = {() => (this.props.onAction && this.props.onAction())}
      >
        {this.props.children}
      </div>
    );
  };
};