From e902589427583825b63adc04198b47ee594703d5 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 20 Jan 2023 00:35:21 +0100
Subject: [PATCH] feat: add ButtonGroup component

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

diff --git a/src/components/ButtonGroup.vue b/src/components/ButtonGroup.vue
new file mode 100644
index 0000000..a10192c
--- /dev/null
+++ b/src/components/ButtonGroup.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="btn-group">
+    <slot></slot>
+  </div>
+</template>
+
+<style lang="scss">
+.btn-group {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-evenly;
+
+  > * {
+    flex: var(--button-group-flex);
+    margin: 1rem 0;
+  }
+}
+</style>