import b from"./BdZeRIaP.js";import{d as x,af as w,ag as k,r as C,e as a,f as D,x as g,g as e,h as o,i as h,v as S,A as T,o as B,_ as H}from"./BxiWQxwE.js";const y=["aria-expanded"],z={class:"sw-cloud-banner--content"},L=["innerHTML"],N=x({__name:"CloudPretendDateBanner",setup(P){const{pretendDateHash:c,pretendDateTime:l,clearPretendDate:u}=w(),{conceptHash:s,clearConceptHash:d}=k(),t=C(!0),n=a(()=>c.value?l.value:null),i=a(()=>!!n.value||!!s.value),p=n.value?new Date(n.value).toLocaleString("nl-NL",{dateStyle:"long",timeStyle:"short"}):"",_=a(()=>n.value?`<span>Je bekijkt de site zoals deze eruit ziet op</span> ${p}`:s.value?"Je bekijkt een concept van de site":""),m=a(()=>n.value?"Terug naar nu":s.value?"Concept sluiten":""),v=()=>{u(),d(),window.location.reload()};return(V,r)=>{const f=b;return e(i)?(B(),D("div",{key:0,class:T(["sw-cloud-banner",{"sw-cloud-banner__expanded":e(t)}])},[o("button",{class:"sw-cloud-banner--button","aria-expanded":e(t),onClick:r[0]||(r[0]=$=>t.value=!e(t))},[h(f,{loading:!1})],8,y),o("div",z,[o("p",{innerHTML:e(_)},null,8,L),o("button",{class:"sw-cloud-banner--back",onClick:v},S(e(m)),1)])],2)):g("",!0)}}}),M=H(N,[["__scopeId","data-v-965f09a5"]]);export{M as default};