<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { t } = useI18n()
</script>

<template>
  <div class="flex items-center">
    <img class="h-[70px] w-[70px] rounded-full" src="@/assets/images/agent-avatar.png" alt="代理人頭像" />

    <div class="ml-[20px]">
      <h2 class="font-600 mb-[14px] text-[26px]">{{ t('home_module.agent_welcome_message') }}</h2>
      <div class="text-theme-color text-[18px]">{{ t('home_module.agent_description') }}</div>
    </div>
  </div>
</template>
