From 7f376e027c683c766ecc8118a4127a2c6d522bfe Mon Sep 17 00:00:00 2001
From: ZOI-dayo <zoizoi.dayo@gmail.com>
Date: Tue, 8 Oct 2024 13:51:18 +0900
Subject: [PATCH] =?UTF-8?q?MonochromeButton=E3=81=AE=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Controls/MonochromeButton.vue | 22 ++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/Controls/MonochromeButton.vue

diff --git a/src/components/Controls/MonochromeButton.vue b/src/components/Controls/MonochromeButton.vue
new file mode 100644
index 0000000..4dc287e
--- /dev/null
+++ b/src/components/Controls/MonochromeButton.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+const { disabled = false } = defineProps<{
+  disabled?: boolean
+  text: string
+}>()
+const emit = defineEmits(['click'])
+function onClick() {
+  emit('click')
+}
+</script>
+
+<template>
+  <button
+    :disabled="disabled"
+    class="fontstyle-ui-control-strong rounded border border-text-primary px-6 py-1.75 text-text-primary enabled:hover:bg-background-secondary disabled:opacity-50"
+    @click="onClick"
+  >
+    {{ text }}
+  </button>
+</template>
+
+<style scoped></style>