import{r as e,h as t,H as c}from"./p-e97fde0a.js";import{b as r}from"./p-fd1598d9.js";import"./p-86fd1a31.js";import"./p-9dbc54d6.js";import"./p-03631502.js";const s=":host{display:flex;justify-content:var(--sc-upsell-countdown-timer-justify-content, center);align-items:var(--sc-upsell-countdown-timer-align-items, center);text-align:var(--sc-upsell-countdown-timer-text-align, center);flex-wrap:wrap;gap:var(--sc-upsell-countdown-timer-gap, 0.5em);line-height:1;padding:var(--sc-upsell-countdown-timer-padding, var(--sc-spacing-medium));border-radius:var(--sc-upsell-countdown-timer-border-radius, var(--sc-border-radius-pill));background-color:var(--sc-upsell-countdown-timer-background-color, rgb(226, 249, 235));color:var(--sc-upsell-countdown-timer-color, rgb(71, 91, 80))}";const o=s;const a=class{constructor(t){e(this,t);this.timeRemaining=Infinity;this.formattedTime=undefined;this.showIcon=true}componentDidLoad(){this.updateCountdown()}updateCountdown(){this.formattedTime=r();setInterval((()=>{this.formattedTime=r()}),1e3)}render(){return t(c,{key:"5ccbdf5a1a73ba60789c67dd1dac2e3a0aa70fa3",role:"timer",class:{"sc-upsell-countdown-timer":true}},this.showIcon&&t("sc-icon",{key:"1e660c06cf54189eaf4a84676fa414646271a1bd",name:"clock"}),t("span",{key:"f1bae56248b31da0af2f02c50d5c6673d38c4e7f"},t("slot",{key:"94edbebb9f70ca472ecee28c0b25f49258b07bcf",name:"offer-expire-text"})," ",t("strong",{key:"055cb7a85b8cc206cdb5db782bf69eed1c592d8d"},this.formattedTime)))}};a.style=o;export{a as sc_upsell_countdown_timer};
//# sourceMappingURL=p-812babe9.entry.js.map