From 2dba5ef3b4b940fbcd7d6e6dc26b7788d8415f1c Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Tue, 12 Aug 2025 22:26:48 -0300
Subject: [PATCH] Agregado componente para dropdown generico

---
 resources/js/components/comunes/Dropdown.vue | 52 ++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 resources/js/components/comunes/Dropdown.vue

diff --git a/resources/js/components/comunes/Dropdown.vue b/resources/js/components/comunes/Dropdown.vue
new file mode 100644
index 0000000..7102434
--- /dev/null
+++ b/resources/js/components/comunes/Dropdown.vue
@@ -0,0 +1,52 @@
+<template>
+    <div class="buttons" :class="{'is-right': isRight}">
+        <div class="dropdown" :class="{'is-active': dropdownActivo}" @mouseleave="dropdownActivo = false">
+            <div class="dropdown-trigger">
+                <button class="button" aria-haspopup="true" aria-controls="dropdown-menu" @click="dropdownActivo = !dropdownActivo">
+                    <span class="icon is-small"><i class="fas fa-download"/></span>
+                    <span>{{ placeholder }}</span>
+                    <span class="icon is-small"><i class="fas fa-angle-down" aria-hidden="true"/></span>
+                </button>
+            </div>
+            <div class="dropdown-menu" id="dropdown-menu" role="menu">
+                <div class="dropdown-content">
+                    <a class="dropdown-item"
+                       v-for="(opcion,i) in opciones"
+                       :key="i"
+                       :href="opcion.href">
+                        {{ opcion.nombre }}
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "Dropdown",
+    props: {
+        placeholder: {
+            type: String,
+            required: true,
+        },
+        opciones: {
+            type: Array,
+            required: true,
+        },
+        isRight: {
+            type: Boolean,
+            required: false,
+            default: true,
+        }
+    },
+    data() {
+        return {
+            dropdownActivo: false
+        }
+    },
+}
+</script>
+
+<style>
+</style>