<template>
  <div class="page">
    <div class="mb-30 flex items-center">
      <div class="flex items-center cursor-pointer">
        <LeftOutlined class="text-24px pt-4px" />
        <span class="text-30px fw-700 !mb-0 ml-12">Account</span>
      </div>
    </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>
