From c9dd6b9f0e8160be5c148dcfbe86a1256136b3a1 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Mon, 16 Dec 2024 16:26:51 +0700
Subject: [PATCH] feat: add next button

---
 src/components/button/NextButton.vue | 32 ++++++++++++++++++++++++++++
 src/components/button/index.ts       |  1 +
 2 files changed, 33 insertions(+)
 create mode 100644 src/components/button/NextButton.vue

diff --git a/src/components/button/NextButton.vue b/src/components/button/NextButton.vue
new file mode 100644
index 00000000..a8245193
--- /dev/null
+++ b/src/components/button/NextButton.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import MainButton from './MainButton.vue';
+
+defineEmits<{
+  (e: 'click', v: MouseEvent): void;
+}>();
+defineProps<{
+  iconOnly?: boolean;
+  solid?: boolean;
+  outlined?: boolean;
+  disabled?: boolean;
+  dark?: boolean;
+
+  label?: string;
+  icon?: string;
+
+  amount?: number;
+}>();
+</script>
+
+<template>
+  <MainButton
+    @click="(e) => $emit('click', e)"
+    v-bind="{ ...$props, ...$attrs }"
+    :icon="icon || 'mdi-arrow-right'"
+    color="207 96% 32%"
+    :title="iconOnly ? $t('general.next') : undefined"
+  >
+    {{ label || $t('general.next') }}
+    {{ amount && amount > 0 ? `(${amount})` : '' }}
+  </MainButton>
+</template>
diff --git a/src/components/button/index.ts b/src/components/button/index.ts
index 24ffa486..8d873594 100644
--- a/src/components/button/index.ts
+++ b/src/components/button/index.ts
@@ -12,3 +12,4 @@ export { default as CloseButton } from './CloseButton.vue';
 export { default as ViewButton } from './ViewButton.vue';
 export { default as PrintButton } from './PrintButton.vue';
 export { default as StateButton } from './StateButton.vue';
+export { default as NextButton } from './NextButton.vue';