<template>
  <div class="page">
    <div class="mb-30 flex items-center">
      <router-link to="/dashboard" class="flex items-center text-#000 decoration-none">
        <LeftOutlined class="text-24px pt-4px" />
        <span class="text-30px fw-700 !mb-0 ml-12">Account</span>
      </router-link>
    </div>
    <StatisticalData />
    <h2 class="text-20px fw-700 !my-20">Account Details</h2>
    <List />
  </div>
</template>

<script setup lang="ts">
import { LeftOutlined } from '@ant-design/icons-vue'
import StatisticalData from './_components/statisticalData.vue'
import List from './_components/list.vue'
</script>
<style scoped lang="less"></style>
