text: import Link from 'next/link';
  const UserActivation = () => {
    return (
      <>
        <div className="container">
          <div className="content">
            <div className="jumbotron">
              <h3>
                <strong className="title">Account confirmed!</strong>
              </h3>
            </div>
            <Link href="/login">
              <a>Please Login</a>
            </Link>
          </div>
        </div>
        <style jsx>
          {`
            .container {
              background: #fff3fa;
              height: 100vh;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
            }
  
            .content {
              background: white;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              min-height: 30vh;
              min-width: 40vw;
            }
  
            .title {
              color: #1d242b;
            }
  
            .jumbotron {
              font-size: 2rem;
            }
  
            a {
              font-size: 1.5rem;
              color: #be9e4a;
            }
          `}
        </style>
      </>
    );
  };
  
  export default UserActivation;
  