<script setup>
defineProps([
  'username', 'subTitle'
])

import defaultAvatar from '/icons/personal.svg'

</script>

<template>
  <div class="flex flex-row content-start justify-start gap-6 p-6">
    <img alt="" :src="defaultAvatar" width="64" height="64">
    <div class="flex flex-col content-start justify-start">
      <p class="text-3xl font-bold">{{ username }}</p>
      <p class="text-base">{{ subTitle }}</p>
    </div>
  </div>
</template>

<style scoped lang="sass">

</style>
