import Image from 'next/image';
import LoginImg from '../../../../assets/images/login-clicoh.jpg';
import { Logo } from '../../01-atoms';
import { dataUrl } from './dataUrl';
/**
 * LoginTemplate component for rendering the login page layout.
 *
 * @component
 * @example
 * // Example usage of LoginTemplate component
 * <LoginTemplate>
 *   <LoginForm handlerLogin={yourHandlerLoginFunction} />
 * </LoginTemplate>
 *
 * @param {Object} props - The properties of the LoginTemplate component.
 * @param {ReactNode} props.children - The content to be rendered inside the login template.
 *
 * @returns {ReactNode} The rendered LoginTemplate component.
 */
export function LoginTemplate(props) {
    return (<div className="flex">
      <div className="relative min-h-svh flex-1 bg-black">
        <Image src={props.loginImg || LoginImg} alt="Login Clioh BG" sizes="(max-width: 2247px) 100vw, 2247px" fill={true} className="object-cover" placeholder="blur" blurDataURL={dataUrl}/>
      </div>
      <div className="flex min-h-svh w-[460px] items-center justify-center">
        <div className="flex flex-col items-center justify-center gap-4">
          <Logo width={94} height={40}/>
          {props.children}
        </div>
      </div>
    </div>);
}
//# sourceMappingURL=LoginTemplate.jsx.map