Auditoria funcionando

frontend-internal/src/lib/components/Modal.svelte

@@ -1,7 +1,6 @@
 <script>
   import { createEventDispatcher, onMount, onDestroy } from 'svelte';
   
-  export let open = false;
   export let title = '';
   
   const dispatch = createEventDispatcher();
@@ -11,7 +10,7 @@
   }
 
   function handleKeydown(e) {
-    if (e.key === 'Escape' && open) {
+    if (e.key === 'Escape') {
       close();
     }
   }
@@ -19,8 +18,7 @@
 
 <svelte:window on:keydown={handleKeydown}/>
 
-{#if open}
-  <div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+<div class="fixed inset-0 z-50 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
     <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
       
       <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" aria-hidden="true" on:click={close}></div>
@@ -38,7 +36,11 @@
             </div>
           </div>
         </div>
+        {#if $$slots.footer}
+          <div class="mt-5 sm:mt-6 sm:flex sm:flex-row-reverse">
+            <slot name="footer" />
+          </div>
+        {/if}
       </div>
     </div>
   </div>
-{/if}