import React from 'react'
import ModalDialog from './ModalDialog.jsx'

export default class LoggedOutView extends React.Component {
  constructor() {
    super()
    this.state = { modal: null }
//     this.showLogin = this.showLogin.bind(this)
//     this.showSignup = this.showSignup.bind(this)
//     this.closeModal = this.closeModal.bind(this)
  }
//   showLogin() {
//     this.setState({ modal: 'login' })
//   }
//   showSignup() {
//     this.setState({ modal: 'signup' })
//   }
//   closeModal() {
//     this.setState({ modal: '' })
//   }
  render() {
//     const loginVisible = this.state.modal == 'login'
//     const signupVisible = this.state.modal == 'signup'
    return (
      <div>
        LOGGED IN
      </div>
//         <Welcome
//           onLoginClick={this.showLogin}
//           onSignupClick={this.showSignup} />
//         <LoginForm
//           client={this.props.client}
//           visible={loginVisible}
//           onClose={this.closeModal} />
//         <SignupForm
//           client={this.props.client}
//           visible={signupVisible}
//           onClose={this.closeModal} />
    )
  }
}


// export default class UserForm extends React.Component {
//   render() {
//     return (
//     )
//   }
// }
//
// export default class MealForm extends React.Component {
//   render() {
//     return (
//     )
//   }
// }