<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="process-portal">
    <WelcomeBanner />
    <StatCards ref="statCardsRef" />
    <MyWork @refresh="statCardsRef?.refresh()" />
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import WelcomeBanner from './components/WelcomeBanner.vue';
  import StatCards from './components/StatCards.vue';
  import MyWork from './components/MyWork.vue';

  const statCardsRef = ref<InstanceType<typeof StatCards> | null>(null);
</script>

<style lang="less" scoped>
  .process-portal {
    padding: 12px 16px;
    max-width: 1600px;
    margin: 0 auto;
  }
</style>
