1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2715,5096],{5096:(e,n,i)=>{i.r(n),i.d(n,{default:()=>k,useStyles:()=>y});var t=i(26514),a=i(69001),l=i.n(a),o=i(70504),r=i(75834),d=i(93794),s=i(54907),c=i(2058),p=i(54004),x=i(2991),m=i(81132),g=i(97469),h=i(33872),_=i(53303),u=i(13436),b=i(42920);let y=d.Df.withName("PKOBPIconWithLink").withNestedSelectors().create(e=>{let{classes:n}=e;return{container:{display:"flex",alignItems:"center","& p, & span":{lineHeight:"20px"}},container__isSnippet:{alignItems:"center","& p, & span":{lineHeight:"24px",[p.Ay.breakpoints.down("sm")]:{fontWeight:300}},"& p sup,":{lineHeight:0,fontSize:"0.83em",verticalAlign:"super"},maxWidth:"870px",marginLeft:"auto",marginRight:"auto",background:p.Ay.palette.secondary.backgroundBlue,borderRadius:"10px",padding:"24px",["& .".concat(n.imgContainer)]:{background:p.Ay.palette.common.white,marginTop:"0",alignSelf:"flex-start"},["& .".concat(n.link)]:{fontSize:"16px"}},contentContainer:{minWidth:"70%",width:"calc(100% - 52px - 16px)"},imgContainer:{flexShrink:0,width:"40px",height:"40px",background:p.Ay.palette.common.white,marginRight:"16px",overflow:"hidden",marginTop:"-2px",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",textAlign:"center","& img":{height:"auto",minHeight:"unset",maxWidth:"24px !important",maxHeight:"24px !important"}},link:{fontSize:"14px",whiteSpace:"normal",lineHeight:"24px"},link__isSnippet:{lineHeight:"24px"},textContainer:{"& ul":{margin:0,padding:0,paddingLeft:"19px"},"& a":{color:p.Ay.palette.primary.main,textUnderlineOffset:"2px"},"& a:hover":{color:"#001E4B"}},text__body3:{...p.Ay.typography.body3},text__body4:{...p.Ay.typography.body4}}}),k=e=>{let{cy:n="",isSnippet:i=!1,...a}=e,d=(0,r.useContext)(o.zp),{classes:p}=y(),k=a.idGTM?(0,m.bJ)(a.idGTM,x.JH.ICON_WITH_LINK,null==a?void 0:a.id):(0,r.useContext)(u.G),{picture:v,title:f,cta_type:j,cta:A,link:C}=a,S=(0,h.zf)({link:C,isWorkspace:d}),w=(0,g.U)("IconWithLink",n,a.name),I=()=>(0,t.jsx)(_.default,{...S,variant:"textBlue",label:A.link.label,className:l()(p.link,{[p.link__isSnippet]:i}),name:"".concat(w,"--link"),ariaLabel:A.link.aria_label,idGTM:k,linkId:A.link.id,lead_rendered:A.lead_rendered,modal_rendered:A.modal_rendered,is_conversion:A.is_conversion,conversion_label:A.conversion_label});return(0,t.jsxs)(s.A,{className:l()(p.container,{[p.container__isSnippet]:i}),"data-cy":"".concat(w,"--container"),id:k,children:[(0,t.jsx)(s.A,{className:l()(p.imgContainer,"iconImgContainer"),children:(0,t.jsx)(c.Ay,{src:null==v?void 0:v.file_path_url,alt:null==v?void 0:v.alt,title:null==v?void 0:v.filename,loading:(null==v?void 0:v.loading)||"lazy"})}),(0,t.jsxs)(s.A,{className:l()({[p.contentContainer]:i},"iconTextContainer"),children:[f&&(0,t.jsx)(s.A,{className:p.textContainer,children:(0,t.jsx)(b.A,{variant:"span",className:i?p.text__body3:p.text__body4,weight:300,marginTop:0,marginBottom:0,cy:"".concat(w,"--text"),children:(0,t.jsx)("span",{dangerouslySetInnerHTML:{__html:f}})})}),"link"===j&&(null==C?void 0:C.label)&&(0,t.jsx)(()=>(0,t.jsx)(t.Fragment,{children:C.href?(0,t.jsx)(_.default,{...S,variant:"textBlue",label:C.label,className:l()(p.link,{[p.link__isSnippet]:i}),name:"".concat(w,"--link"),ariaLabel:C.aria_label,idGTM:k,linkId:C.id,is_conversion:null==A?void 0:A.is_conversion,conversion_label:null==A?void 0:A.conversion_label}):(0,t.jsx)(s.A,{children:(0,t.jsx)(b.A,{variant:i?"body3":"body4",weight:500,marginTop:0,marginBottom:0,children:(0,t.jsx)("span",{dangerouslySetInnerHTML:{__html:C.label}})})})}),{}),"lead"===j&&(null==A?void 0:A.lead_rendered)&&(0,t.jsx)(I,{}),"modal"===j&&(null==A?void 0:A.modal_rendered)&&(0,t.jsx)(I,{})]})]})}}}]);
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.