<template>
  <div class="sign-layout">
    <div class="sign-layout__left" />
    <div class="sign-layout__right">
      <div class="login-logo">
        <img src="@pc/assets/logo.svg" title="logo" />
      </div>
      <div class="login-container">
        <div class="login-container__title">{{ title }}</div>
        <slot></slot>
      </div>
      <div class="login-footer">
      </div>
    </div>
  </div>
</template>

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

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