import Image from 'next/image'
import logo from '@/assets/icons/maw-white.svg'
import dynamic from 'next/dynamic'
const LoginForm = dynamic(() => import('./login-form'))

const Page = () => {
    return (
        <div className='h-full flex items-center'>
            <div className='grid md:grid-cols-2 w-4/6 mx-auto'>
                <div className='md:border-r border-primary min-h-96 flex items-center'>
                    <Image width={100} loading='eager' height={100} src={logo} alt='MAW' className='w-4/6 md:mr-auto mx-auto' />
                </div>
                <LoginForm />
            </div>
        </div>
    )
}

export default Page