{#if message !== ''} {message} {:else} {$i18n.t('This action cannot be undone. Do you wish to continue?')} {/if} {#if input} {/if} </div> </slot> <div class="mt-6 flex justify-between gap-1.5"> <button class="bg-gray-100 hover:bg-gray-200 text-gray-800 dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white font-medium w-full py-2.5 rounded-lg transition" on:click={() => { show = false; dispatch('cancel'); }} type="button" > {cancelLabel} </button> <button class="bg-gray-900 hover:bg-gray-850 text-gray-100 dark:bg-gray-100 dark:hover:bg-white dark:text-gray-800 font-medium w-full py-2.5 rounded-lg transition" on:click={() => { show = false; dispatch('confirm', inputValue); }} type="button" > {confirmLabel} </button> </div> </div> </div> </div> {/if} <style> .modal-content { animation: scaleUp 0.1s ease-out forwards; } @keyframes scaleUp { from { transform: scale(0.985); opacity: 0; } to { transform: scale(1); opacity: 1; } } </style>