How to design a cool form in React js

Hi today we are going to create a login form in Reactjs

1. First we define our component in our login.componentn.jsx

import {
    signInWithGooglePopup,
    createUserDocumentFromAuth,
  } from '../../utils/firebase.utils';
import Register  from '../register/register.component'

const Login = () => {
    const logGoogleUser = async () => {
        const { user } = await signInWithGooglePopup();
        const userDocRef = await createUserDocumentFromAuth(user);
      };

    return (
        <section>
            <h1>Sign In</h1>
            <button onClick={logGoogleUser}>Sign in with google Popup</button>
            <Register />
        </section>
    );
}

export default Login;

2 Run npm start and see what you have done