import clsx from 'clsx';
import { ReactNode } from 'react';
interface LoginLayoutprops {
  children: ReactNode;
  className?: string;
}

const LoginLayout = ({ children, className }: LoginLayoutprops) => {
  return (
    <div
      className={clsx(
        className,
        'LoginLayout position-relative w-100 vh-100 d-flex  align-items-center'
      )}
    >
      <div className="image-component">
        <img
          src="/images/dashboard/login-layout.png"
          className="w-100 h-100"
          alt=""
          srcSet=""
        />
      </div>
      <div className="layout-login">{children}</div>
    </div>
  );
};

export default LoginLayout;