text: import React from "react";
  import logo from "../assets/logo-duckies.png";
  function LoginWrapper(props) {
    return (
      <>
        <section className="container col-xl-10 col-xxl-8 px-4 py-5 text-center">
          <img
            src={logo}
            className="img-fluid"
            style={{ width: "150px" }}
            alt="logo"
          />
          <section className="row align-items-center g-5 py-5">
            <section className="col-lg-7 text-center text-lg-start">
              <>
                  <section>
                    <h1 className="display-4 fw-bold lh-1 mb-3">
                      Welcome Back Duckies.
                    </h1>
                    <p className="col-lg-10 fs-4 subtext">
                      We've missed you! <br></br>Login with your email and
                      password. Are you a caregiver? Click on the caregiver login button to login.
                    </p>
                  </section>
              </>
            </section>
            {props.children}
          </section>
        </section>
      </>
    );
  }
  
  export default LoginWrapper;
  