import {
  Outlet
} from "react-router-dom";

const PublicPortalLayout = () => {
  return (
    <div className="public-portal">
      <header className="public-header">
        <div className="public-header__inner">
          <div className="brand-mark">
            CAGD
          </div>

          <div className="brand-information">
            <p className="brand-overline">
              Controller and
              Accountant-General&apos;s
              Department
            </p>

            <h1 className="brand-title">
              Staff Records Update Portal
            </h1>
          </div>
        </div>
      </header>

      <main className="public-main">
        <Outlet />
      </main>

      <footer className="public-footer">
        <p>
          Human Resource Directorate
        </p>

        <p>
          Secure Staff Personal Records
          Update System
        </p>

        <p>
          © {new Date().getFullYear()}{" "}
          Controller and
          Accountant-General&apos;s
          Department
        </p>
      </footer>
    </div>
  );
};

export default PublicPortalLayout;