import React, { Component, PropTypes } from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import ActionsBar from './component';
import Service from './service';
import { joinListenOnly } from '/imports/api/phone';
import { exitAudio } from '/imports/api/phone';

class ActionsBarContainer extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    const handleJoinListenOnly = () => joinListenOnly();
    const handleExitAudio = () => exitAudio();

    return (
      <ActionsBar
       handleJoinListenOnly={handleJoinListenOnly}
        handleExitAudio={handleExitAudio}
        {...this.props}>
        {this.props.children}
      </ActionsBar>
    );
  }
}

export default createContainer(() => {
  let data = Service.isUserPresenter();
  return data;
}, ActionsBarContainer);