import React, { Component } from "react";
import { withRouter, } from "react-router-dom";
import EmailPage from './datosContacto/email.page'
import PhonePage from './datosContacto/telefono.page'
import WhatsappPage from './datosContacto/whatsapp.page'

class DatosContactoPage extends Component {
  constructor(props) {
    super(props);
    this.state = {  }
  }

  componentDidMount() {
    
  }

  render() {
    return (
      <div style={{ padding: 15, background: '#f3f3f3', }}>
        { /* Section form phone */ }
        <PhonePage initState={ this.props.initState } initsetState={ (param) => this.initsetState(param) }  />
  
        { /* Section form whatsapp */ }
        <WhatsappPage initState={ this.props.initState } initsetState={ (param) => this.initsetState(param) }  />

        { /* Section form email */ }
        <EmailPage initState={ this.props.initState } initsetState={ (param) => this.initsetState(param) }  />
        
      </div>
    );
  }

  initsetState(param) {
    this.props.initsetState(param)
    return true
  }

};

export default withRouter(DatosContactoPage)