text: import React from 'react';
  
  function Login(props) {
      return (
          <section className="App h-4/6 w-full flex justify-center items-center ">
                  <div className="w-full max-w-md" >
                      <form action="" className=" bg-white shadow-xl border rounded-xl px-8 py-8 pt-8">
                      <div className="px-4 pb-4 bg-inherit">
                          <label htmlFor="email" className="text-sm block font-bold  pb-2">EMAIL ADDRESS</label>
                          <input type="email" name="email" id="" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline border-blue-300 " placeholder="Johnbull@example.com" />
                      </div>
                      <div className="px-4 pb-4">
                          <label htmlFor="password" className="text-sm block font-bold pb-2">PASSWORD</label>
                          <input type="password" name="email" id="" className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline border-blue-300" placeholder="Enter your password" />
                      </div>
                      <div>
                          <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="button">Sign In</button>
                      </div>
                      </form>
                  </div>
        </section>
      );
  }
  
  export default Login;