<ui-notice>

<template is="ui-notice" text="string" link="string" label="string">
  <div class="ui-notice">
    <div class="ui-notice-content">
      <div if="props.text" class="ui-notice-text">{{props.text |> esc}}</div>
      <div class="ui-notice-link">
        <a if="props.link" href="{{props.link |> esc}}">
          {{props.label ?? '' |> esc}}
        </a>
      </div>
      <div class="ui-notice-close">
        <button onclick="this.closest('.ui-notice').remove()">&times;</button>
      </div>
    </div>
  </div>
</template>