<script lang='ts' setup>
import { useReset } from './useReset'

const { stage } = useReset()
</script>

<template>
  <div>
    <div class="w-1400px mx-auto ">
      <div class="flex   py-150px">
        <div class="w-50% h-full flex items-center mr-120px">
          <img
            v-if="stage === 1"
            src="~/assets/images/register_forgot.png"
            class="w-620px h-730px"
            srcset=""
          >
          <img
            v-if="stage === 2"
            src="~/assets/images/register_forgot_success.png"
            class="w-620px h-730px"
            srcset=""
          >
        </div>
        <div class="w-50% h-full flex items-center">
          <business-reset-password-stage-one v-if="stage === 1" class="w-500px" />
          <business-reset-password-stage-two v-if="stage === 2" class="w-500px" />
        </div>
      </div>
    </div>
    <common-footer-guide />
  </div>
</template>

<style lang='less' scoped>
</style>
