import React, { Component } from 'react';
// import logo from './logo.svg';
import './App.css';
// var firebase = require('firebase');
// var uuid = require('uuid');


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

        this.state = {qualification:''};
        // this.submitData = this.submitData.bind(this);
        this.inputData = this.inputData.bind(this);
      }
      // submitData(event)
      // {
      //
      // }
      inputData(event)
      {
        this.setState({[event.target.name]: event.target.value});
        console.log(this.state.qualification);
      }
      render() {
        return (
          <div>
            <form>
            <div class="btn-group">
          <button type="button" class="btn btn-primary btn-ch dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Qualification
          </button>
          <div class="dropdown-menu dropdown-ch dropdown-menu-right">
            <button class="dropdown-item" type="button" value="Gynaec" onChange={this.inputData} name="qualification">Gynaec</button>
            <button class="dropdown-item" type="button" value="Medicine" onChange={this.inputData} name="qualification">Medicine</button>
            <button class="dropdown-item" type="button" value="Surgery" onChange={this.inputData} name="qualification">Surgery</button>
          </div>
        </div>
        <button>Submit</button>
      </form>
          </div>
        );
      }
    }

    export default App;