primer inicio del modal

2025-04-17 13:45:35 -03:00
parent c1a27baedd
commit 701f699c55
2 changed files with 46 additions and 0 deletions
@@ -0,0 +1,45 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import type { GrupoDto } from "../types";
+
+    let {
+        onClose,
+        data = $bindable(),
+        onSubmit,
+    }: {
+        onClose: () => void;
+        data: GrupoDto;
+        onSubmit: (a: GrupoDto) => void;
+    } = $props();
+
+    onMount(() => {});
+    const handleSubmit = (e: Event) => {
+        e.preventDefault();
+        onSubmit(data);
+    };
+</script>
+
+<div
+    class="modal show d-block"
+    tabindex="-1"
+    role="dialog"
+    aria-labelledby="exampleModalLabel"
+    aria-hidden="true"
+>
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">
+                    Selecciona una opción
+                </h5>
+                <button
+                    type="button"
+                    class="btn-close"
+                    aria-label="Close"
+                    onclick={onClose}
+                ></button>
+            </div>
+            <div class="modal-body"></div>
+        </div>
+    </div>
+</div>