// #region Imports
import { html } from '../../../../Dom/Html';
import { when } from '../../../Directives/Directives';
import { Appearance } from '../../../Types/Appearance';
import { Variant } from '../../../Types/Variant';
// #endregion
/**
 * The template of the `CookiesConsentElement`.
 *
 * @public
 */
export function cookiesConsentElementTemplate(e) {
    return html `
        <mosaik-banner part="banner"
                       .subHeader="${e.intl.messageLabel}"
                       .icon="${'M12 2c.714 0 1.419.075 2.106.222a.75.75 0 0 1 .374 1.263 2.501 2.501 0 0 0 1.206 4.201.75.75 0 0 1 .577.811 2.5 2.5 0 0 0 4.36 1.908.75.75 0 0 1 1.307.409c.047.39.07.787.07 1.186 0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-7-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'}"
                       .elevation="${e.elevation}"
                       .appearance="${Appearance.Plain}">
                <slot name="actions"
                      slot="actions"></slot>
                ${when(e.acceptable, () => html `
                <mosaik-button slot="actions"
                               .label="${e.intl.acceptLabel}"
                               .appearance="${Appearance.Plain}"
                               .variant="${Variant.Primary}"
                               @click="${() => e.onAccept()}"></mosaik-button>
                `)}
                ${when(e.dismissable, () => html `
                <mosaik-button slot="actions"
                               .label="${e.intl.dismissLabel}"
                               .appearance="${Appearance.Plain}"
                               .variant="${Variant.Primary}"
                               @click="${() => e.onDismiss()}"></mosaik-button>
                `)}
        </mosaik-banner>
    `;
}
//# sourceMappingURL=CookiesConsentElementTemplate.js.map