From e017e5092c243882e38689460e347f38fe4f6fb9 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 3 Apr 2024 15:24:33 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B8=88=E0=B8=B1=E0=B8=94=20=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_branch-management/StatCardComponet.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/01_branch-management/StatCardComponet.vue

diff --git a/src/components/01_branch-management/StatCardComponet.vue b/src/components/01_branch-management/StatCardComponet.vue
new file mode 100644
index 00000000..7f2c63ae
--- /dev/null
+++ b/src/components/01_branch-management/StatCardComponet.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import AppBox from 'components/app/AppBox.vue';
+
+defineProps<{
+  amount: string;
+  label: string;
+}>();
+</script>
+
+<template>
+  <app-box class="bordered" style="width: 15%; min-width: 150px">
+    <div class="column">
+      <div class="col-4 text-h6 text-weight-bold">{{ amount }}</div>
+      <div class="col-4 text-weight-bold">{{ label }}</div>
+    </div>
+  </app-box>
+</template>
+
+<style scoped></style>