{#if open}
{#if title || controls?.dismiss}
{#if title}
{title}
{/if} {#if controls?.dismiss}
controls.dismiss?.action?.(api)} class="ml-auto" > {#if controls.dismiss?.label} {controls.dismiss.label} {/if}
{/if}
{/if} {@render children?.()} {#if controls !== null}
{#if controls.moreInfo} {#if controls.moreInfo.type === 'link' && controls.moreInfo.href}
{controls.moreInfo.label || 'More Info'} {:else if controls.moreInfo.type === 'framed'}
controls.moreInfo?.action?.(api)} > {controls.moreInfo.label || 'More Info'}
{:else}
controls.moreInfo?.action?.(api)} inverted={invertFrameless} > {controls.moreInfo.label || 'More Info'}
{/if} {/if}
{@render buttonControl(controls.decline, handleDecline, false)} {@render buttonControl(controls.accept, handleAccept, true)}
{/if}
{/if} {#snippet buttonControl( button: BannerControlButton | undefined | null, handleClick: (banner: BannerAPI) => void, framedDefault: boolean )} {#if button} {#if button.framed || framedDefault}
handleClick(api)}> {button.label || 'Button'}
{:else}
handleClick(api)} inverted={invertFrameless} > {button.label || 'Button'}
{/if} {/if} {/snippet}