<script setup lang="ts">
import logo from '@assets/images/logo.webp';
import displayImg from '@assets/images/login/icon.webp';
import LoginInfo from './login-info/index.vue';
import {useFormState} from './hooks';

defineOptions({name: 'Login'});
const {onSubmit} = useFormState();
</script>

<template>
  <main>
    <section class="container">
      <div class="display">
        <div class="logo">
          <img :src="logo" />
          <h1>供应商管理系统</h1>
        </div>

        <img :src="displayImg" class="display-icon" />
      </div>
      <div class="form-wrapper">
        <form @submit="onSubmit">
          <div class="login-info">
            <LoginInfo />
          </div>
        </form>
      </div>
    </section>
  </main>
</template>

<style scoped lang="css">
@import './index.css';
</style>
