From 1b54e9c721c29cc5858f396ddac70067f339ccb2 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 31 Jul 2023 12:16:07 +0530
Subject: [PATCH] feat: added toggler component

---
 frontend/src/components/Toggler.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/components/Toggler.vue

diff --git a/frontend/src/components/Toggler.vue b/frontend/src/components/Toggler.vue
new file mode 100644
index 00000000..01060875
--- /dev/null
+++ b/frontend/src/components/Toggler.vue
@@ -0,0 +1,24 @@
+<template>
+  <slot v-bind="{ opened, open, close, toggle }"></slot>
+</template>
+<script setup>
+import { ref } from 'vue'
+const props = defineProps({
+  isOpened: {
+    type: Boolean,
+    default: true,
+  },
+})
+function toggle() {
+  opened.value = !opened.value
+}
+
+function open() {
+  opened.value = true
+}
+
+function close() {
+  opened.value = false
+}
+let opened = ref(props.isOpened)
+</script>