<template>
  <div class="login-form-container">
    <div class="text-[28px] text-center mb-8">
      {{ subTitle }}
    </div>
    <el-card class="login-card">
      <slot></slot>
    </el-card>
  </div>
</template>
<script setup lang="ts">
defineOptions({ name: 'LoginContainer' })
defineProps({
  title: String,
  subTitle: String
});
</script>
<style lang="scss" scoped>
.login-form-container {
  width: 480px;
  .login-card {
    border-radius: 8px;
    padding: 18px;
  }
}
</style>
