From d270e04ce72829e40f6eb0fd7cb9675433fa7be6 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Mon, 10 Jun 2024 16:42:16 +0700
Subject: [PATCH] feat: all around btn UI

---
 src/components/AllAroundBtn.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/AllAroundBtn.vue

diff --git a/src/components/AllAroundBtn.vue b/src/components/AllAroundBtn.vue
new file mode 100644
index 00000000..b8df5735
--- /dev/null
+++ b/src/components/AllAroundBtn.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+defineProps<{
+  label: string;
+  color?: string;
+}>();
+</script>
+
+<template>
+  <div
+    class="q-pl-md q-pr-sm row items-center justify-between rounded"
+    :style="`border:1px solid ${color};color:${color}`"
+  >
+    {{ $t(label) }}
+    <q-icon name="mdi-arrow-right" class="q-ml-md" />
+  </div>
+</template>
+
+<style scoped></style>