import { useState } from 'react'

import PopupModal from '~/components/popup/modal'
import FormLogin from '~/components/ui/form-login'

const AuthLayout = () => {
  const [isModalOpen, setModalOpen] = useState(true)

  return (
    <div className="relative">
      <div className="flex min-h-screen items-center justify-center bg-gray-100">
        {/* Modal */}
        <PopupModal
          isOpen={isModalOpen}
          onClose={() => setModalOpen(true)}
        >
          <FormLogin />
        </PopupModal>
      </div>
    </div>
  )
}
export default AuthLayout