import React from "react";
import { Link } from "react-router-dom";
import "./page-auth.css";
export const AuthWrapper = ({ children }) => {
  return (
    <div className="container-xxl">
      <div className="authentication-wrapper authentication-basic container-p-y">
        <div className="authentication-inner">
          <div className="card">
            <div className="card-body">
              <div className="app-brand justify-content-center">
                <Link
                  aria-label="Go to Home Page"
                  to="/"
                  className="app-brand-link gap-2"
                >
                  <span className="app-brand-logo rounded-circle ">
                    <img
                      src="/img/brand/marco.png"
                      alt="marco-logo"
                      className="app-brand-logo-login"
                    />
                  </span>
                </Link>
              </div>
              {children}
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};