https://assets.medicalnewstoday.com/_next/felib-async-features-multi-image-activate-037af725.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[5780],{90407(e,t,i){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MultiImageActivate=void 0;const a=i(74848),o=l(i(33804)),n=i(96540),d=i(56865),r=i(16631),c=i(84285),p=l(i(85104)),u=o.default.div(({theme:e})=>{var t;return{display:"flex",flexDirection:"column",gap:"24px",padding:"32px 20px",borderRadius:"18px",backgroundColor:null===(t=e.colors)||void 0===t?void 0:t.cyanLightest,"@media tablet":{maxWidth:"768px",padding:"48px"}}}),s=o.default.div({display:"flex",flexDirection:"column",gap:"8px"}),x=o.default.div({display:"flex",flexDirection:"column",gap:"12px","@media tablet":{display:"grid",gridTemplateColumns:"repeat(2, 1fr)"}}),f=(0,o.default)(c.Link)(({theme:e})=>{var t,i;return{display:"flex",gap:"16px",alignItems:"center",borderRadius:"18px",backgroundColor:"white","&:hover":{boxShadow:"0 0 12px 0 rgba(0, 0, 0, 0.25)"},"& h3, & svg":{color:null===(t=e.colors)||void 0===t?void 0:t.textBlack},"&:hover h3, &:hover svg":{color:null===(i=e.colors)||void 0===i?void 0:i.cyanDark}}}),v=o.default.div({display:"flex",flex:1,justifyContent:"space-between",alignItems:"center",padding:"16px 16px 16px 0px"}),m=o.default.p({textTransform:"capitalize",fontWeight:700,fontSize:"12px",fontFamily:"Proxima Nova Condensed",margin:0}),h=o.default.h2({fontSize:"32px",lineHeight:"32px",fontFamily:"Proxima Nova Condensed",fontWeight:700,margin:0}),g=o.default.p({fontSize:"18px",lineHeight:"24px",margin:0}),y=o.default.h3({fontSize:"20px",lineHeight:"20px",fontFamily:"Proxima Nova Condensed",fontWeight:700,margin:0}),b=o.default.img({borderTopLeftRadius:"18px",borderBottomLeftRadius:"18px",objectFit:"cover"}),T=({tileImage:e,tileTitle:t,callToActionURL:i,productId:l,onTileClick:o})=>(0,a.jsxs)(f,{href:i,onClick:()=>o(t,l),children:[(0,a.jsx)(b,{src:e,alt:"",width:100,height:100}),(0,a.jsxs)(v,{children:[(0,a.jsx)(y,{children:t}),(0,a.jsx)(p.default,{width:24,height:24,style:{flexShrink:0}})]})]});t.MultiImageActivate=({ctaTiles:e,whisper:t,headline:i,bodyCopy:l,driverType:o,campaignName:c,articlePlacement:p,tagularDetails:f})=>{const{beamProductViewedEvent:v,beamProductClickedEvent:y}=(0,n.useContext)(r.TagularContext),b=e=>{y({brand:(null==f?void 0:f.brand)||"",category:"Activation Driver",correlationId:"",formatType:(null==f?void 0:f.formatType)||o,location:"CARDS",name:(null==f?void 0:f.name)||c,text:e,variant:(null==f?void 0:f.variant)||p})};return(0,a.jsx)(d.Waypoint,{onView:()=>{const e={brand:(null==f?void 0:f.brand)||"",category:"Activation Driver",formatType:(null==f?void 0:f.formatType)||o,location:"CARDS",name:(null==f?void 0:f.name)||c,productId:(null==f?void 0:f.productId)||c,text:(null==f?void 0:f.text)||t,variant:(null==f?void 0:f.variant)||p};v(e)},repeat:!1,children:(0,a.jsxs)(u,{children:[(0,a.jsxs)(s,{children:[(0,a.jsx)(m,{children:t}),(0,a.jsx)(h,{children:i}),(0,a.jsx)(g,{children:l})]}),e.length>0&&(0,a.jsx)(x,{children:e.map((e,t)=>(0,a.jsx)(T,{tileImage:e.tileImage,tileTitle:e.tileTitle,callToActionURL:e.callToActionURL,productId:e.productId,onTileClick:b},`${e.tileTitle}-${t}`))})]})})},t.default=t.MultiImageActivate}}]);
2//# sourceMappingURL=felib-async-features-multi-image-activate-037af725.js.map