<template>
  <div class="login-header-wrapper">
    <h2 class="text-h5 text-primary font-weight-bold mb-2">{{ props.welcomeText }}</h2>
    <p class="text-subtitle-1 text-grey-darken-2">{{ props.welcomeDescription }}</p>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  welcomeText: {
    type: String,
    default: '歡迎回來 👋🏻',
  },
  welcomeDescription: {
    type: String,
    default: '請輸入您的帳號密碼進行登入',
  },
})
</script>
<style scoped>
.login-header-wrapper {
  height: 140px;
}
</style>
