1import{W as r,k as o,n as c,aC as s,B as d,x as i,aN as t,y as u,bL as h,z as g,ar as a}from"./CncVLJuF.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="610ee6dc-f88b-448c-beb4-266c60f8079f",e._sentryDebugIdIdentifier="sentry-dbid-610ee6dc-f88b-448c-beb4-266c60f8079f")}catch{}})();const p=r({name:"CallToAction",components:{HokButton:o},emits:["cta-click"],data(){return{classes:[],btncolor:"",btnlink:"",btnsize:"",bannerPadding:"",btnInvisible:!1}},computed:{hasSlotButton(){return!!this.$slots.button}},created(){switch(this.styling){case"default":case"user-banner":this.classes=["bg-coral"],this.btnlink="/app/login",this.btnInvisible=!0,this.btncolor="white-text",this.btnsize="medium",this.bannerPadding="py-6";break;case"user-box":this.classes=["bg-main","rounded-lg"],this.btnlink="/app/login",this.btnInvisible=!0,this.btncolor="white-text",this.btnsize="medium";break;case"company-banner":this.classes=["bg-main"],this.btnlink="/business",this.btncolor="yellow",this.btnsize="big",this.bannerPadding="py-8";break;case"company-box":this.classes=["bg-main","rounded-lg"],this.btnlink="/business",this.btncolor="yellow",this.btnsize="medium";break;case"neutral-banner":this.classes=["bg-blue-grey"],this.btnlink="/app/login",this.btnInvisible=!0,this.btncolor="white-text",this.btnsize="big",this.bannerPadding="py-8";break;case"international-banner":this.classes=["bg-landing-banner"],this.btnlink="/app/login",this.btnInvisible=!0,this.btncolor="main",this.btnsize="medium",this.bannerPadding="py-6";break}},props:{to:{type:String,required:!1},enableLink:{type:Boolean,required:!1,default:!0},styling:{type:String,default:"banner",validator:e=>["user-banner","user-box","company-banner","company-box","neutral-banner"].includes(e)}}}),f={class:"text-center bigger text-white max-w-4xl"};function m(e,n,l,y,k,w){const b=o;return s(),d("div",{class:a([e.classes,"w-full"])},[i("div",{class:a([[e.styling.includes("box")?"px-3 py-5":"container justify-center",e.bannerPadding],"flex flex-col items-center"])},[i("p",f,[t(e.$slots,"headline")]),e.hasSlotButton?(s(),u(b,{key:0,name:"cta-button",size:e.btnsize,color:e.btncolor,invisible:e.btnInvisible,to:e.enableLink?e.to?e.to:e.btnlink:"",target:"_self","font-weight":e.styling.includes("box")?"normal":"bold",onClick:n[0]||(n[0]=v=>e.$emit("cta-click"))},{default:h(()=>[t(e.$slots,"button")]),_:3},8,["size","color","invisible","to","font-weight"])):g("",!0),t(e.$slots,"custom")],2)],2)}const I=c(p,[["render",m]]);export{I as default}; 2//# sourceMappingURL=Dl5Vg_cs.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.