import React from 'react'
import PromoPanel from '../../components/auth/PromoPanel'
import ForgotPassworForm from '../../components/auth/ForgotPassworForm'

const ForgotPasswordPage = () => {
  return (
    <>
      <div className="h-full  max-h-dvh w-full max-w-[1100px] mx-auto">
      
      <div class="my-6 grid grid-cols-1 md:grid-cols-[60%_40%] gap-2 ">
        <div class="">
          {/* Left: Promo */}
                <PromoPanel />
        </div>
      
        <div class="">
        {/* Right: Login */}
                <ForgotPassworForm />
        </div>
      </div>
      </div>  
    </>
  )
}

export default ForgotPasswordPage
