From e67a220223cdf6a4b2e5446f54f41d37e006e7b9 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sun, 2 Apr 2023 17:07:13 +0200
Subject: [PATCH] feat: add props for button styling

---
 src/components/RefButton.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/RefButton.vue b/src/components/RefButton.vue
index 4c9e5dc..6541aec 100644
--- a/src/components/RefButton.vue
+++ b/src/components/RefButton.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 interface Props {
+  positive?: boolean;
+  negative?: boolean;
   href?: string;
   download?: boolean | any;
 }
@@ -8,7 +10,12 @@ defineProps<Props>();
 </script>
 
 <template>
-  <a class="btn" :href="href" :[download]="download">
+  <a
+    class="btn"
+    :class="{ positive: positive, negative: negative }"
+    :href="href"
+    :[download]="download"
+  >
     <slot></slot>
   </a>
 </template>