<template>
  <div class="sign-layout">
    <div class="sign-layout__wrapper">
      <div class="logo">
        <img class="logo-image" src="@pc/assets/logo.png" title="logo" />
      </div>
      <div class="login">
        <h2 class="login-title">{{ title }}</h2>
        <div class="login-container">
          <slot></slot>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
defineProps({
  title: {
    type: String,
    required: true,
  },
});
</script>

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