{#if visible == true} {#if variant == "success"}

{#if withIcon == true}

{/if}

{#if closable == true}

{ visible = false; }} class="ml-auto text-brand-900 hover:bg-green-600 hover:bg-opacity-10 cursor-pointer inline-flex transition ease-in-out duration-200 bg-transparent border-transparent rounded-md p-1 focus:outline-none" >

{/if}

{:else if variant == "danger"}

{#if withIcon == true}

{/if}

{#if closable == true}

{ visible = false; }} class="text-red-800 hover:bg-red-600 hover:bg-opacity-10 cursor-pointer inline-flex transition ease-in-out duration-200 bg-transparent border-transparent rounded-md p-1 focus:outline-none" >

{/if}

{:else if variant == "info"}

{#if withIcon == true}

{/if}

{#if closable == true}

{ visible = false; }} class="text-indigo-800 hover:bg-indigo-600 hover:bg-opacity-10 cursor-pointer inline-flex transition ease-in-out duration-200 bg-transparent border-transparent rounded-md p-1 focus:outline-none" >

{/if}

{:else if variant == "warning"}

{#if withIcon == true}

{/if}

{#if closable == true}

{ visible = false; }} class="text-orange-800 hover:bg-orange-600 hover:bg-opacity-10 cursor-pointer inline-flex transition ease-in-out duration-200 bg-transparent border-transparent rounded-md p-1 focus:outline-none" >

{/if}

{/if} {/if}