index.js

import React , { useState }from 'react';
import { render } from 'react-dom';
import Home from './Home';
import LoginForm from './container/LoginForm.js';
import CreateNewAccount from './container/CreateNewAccount.js';
import LoginModal from './container/LoginModal.js';

import { Button, Modal} from 'react-bootstrap';

const styles = {
  fontFamily: 'sans-serif',
  textAlign: 'center',
};


const App = () =>  {
  <LoginForm />
   const[showmodel, setShowModel] = useState( false);
   //const[form, setForm] = useState('')


  const close = () => {
    setShowModel ( false );
  }



  const open = () => {
    setShowModel ( true);
  }

    //const isLoggedIn = this.state.isLoggedIn;

    return (
      <div style={styles}>
        {/*<Home  />*/}
        <LoginModal />
        <LoginForm  onClose = {close} />
     </div>
    );
  }


render(<App />, document.getElementById('root'));