import React from "react";
import loginThumb from "../../assets/images/auth-thumb.svg";
import logo from "../../assets/images/wrenchboard.png"; //logo-1.svg";

export default function LoginLayout({ slogan, children }) {
  const checkScreenHeight = window.screen.height;
  let screen = "";
  if (checkScreenHeight <= 950) {
    screen = "h-screen";
    // screen = "h-[950px]";
  } else {
    screen = "h-screen";
  }
  return (
    <div className="layout-wrapper login">
      <div className={`main-wrapper login-wrapper w-full ${screen}`}>
        <div className="flex w-full h-full">

          <div className="flex-1 flex justify-center items-center">
            {children && children}
          </div>
        </div>
      </div>
    </div>
  );
}
