import React, { Component } from 'react';
import { Button, SelectionControlGroup } from 'react-md';
import Modal from './modal/Modal';

class AnswerSource extends Component {
  constructor(props){
    super(props);

    this.state = {
      isModalOpen: false
    };
  }

  onOpen() {
    this.setState({
      isModalOpen: true
    });
  }

  onClose() {
    this.setState({
      isModalOpen: false
    });
  }

  render() {
    let modal;
    if (this.state.isModalOpen) {
      modal = (
        <Modal
          title="Predefined answers"
          actions={[
            <Button flat swapTheming onClick={this.onClose.bind(this)} key="cancel">Cancel</Button>,
            <Button flat primary swapTheming key="save">Save</Button>
          ]}>
          <SelectionControlGroup
            id="answer-source"
            name="answer-source"
            type="radio"
            label="Import answer from:"
            controls={[{
              label: 'RSS feed - latest',
              value: 'latest',
            }]}>

          </SelectionControlGroup>
        </Modal>
        )
    }
    return (
      <div>
        <Button flat primary swapTheming 
                onClick={this.onOpen.bind(this)}>
          Predefined answers
        </Button>
        {modal}
      </div>
    );
  }
}

export default AnswerSource;