dispatch('click')} on:mouseover={() => dispatch('pause')} on:focus={() => dispatch('pause')} on:mouseout={() => dispatch('resume')} on:blur={() => dispatch('resume')} class={`flex flex-row alert shadow-lg text-white hover:scale-105 transition-all duration-100 cursor-pointer rounded ${success()}`} class:alert-error={type === 'error'} class:alert-info={type === 'info'} > {#if type === 'success'} {:else if type === 'error'} {:else if type === 'info'} {/if}