https://assets.babycenter.com/_next/static/chunks/87055.76dd9ddf2c2e6eda.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87055],{87055:(e,t,o)=>{o.r(t),o.d(t,{default:()=>b});var r=o(37876),a=o(27964),n=o(76252),i=o(86649),p=o(4206),d=o(88168),l=o(34346),s=o(564),x=o(49370);let m=n.A.div`
2  background-color: ${({theme:e})=>e.backgroundContainerAccentBlue};
3  border-top: 1px solid ${({theme:e})=>e.borderDivider};
4  border-bottom: 1px solid ${({theme:e})=>e.borderDivider};
5  text-align: center;
6  position: relative;
7
8  .logoFlag {
9    position: absolute;
10    top: 0;
11    left: 0;
12    width: 40px;
13    height: 40px;
14    background: ${({theme:e})=>`url(${e.imgPrefix}/ims/2023/11/BC_tree_white.svg) center center no-repeat`};
15    background-color: ${x.Tj.persimmon300Bc};
16    background-size: 40px 40px;
17    border-bottom-right-radius: 10px;
18  }
19
20  .qrCode {
21    display: none;
22  }
23
24  .appPromoContent {
25    display: flex;
26    align-items: flex-end;
27    justify-content: center;
28    text-align: left;
29    padding-top: 30px;
30
31    .appPromoContainer {
32      max-width: 374px;
33      margin: 0 20px 20px;
34      text-align: center;
35
36      .appHeading {
37        margin-bottom: 5px;
38      }
39
40      .appText {
41        margin-bottom: 10px;
42      }
43    }
44
45    .appPromoImg {
46      min-width: 122px;
47      margin-right: 10px;
48    }
49  }
50
51  @media (${({theme:e})=>e.mediumUp}) {
52    border-bottom: none;
53    margin-bottom: 0;
54
55    .logoFlag {
56      position: absolute;
57      width: 80px;
58      height: 80px;
59      border-bottom-right-radius: 20px;
60      background-size: 80px 80px;
61    }
62
63    .qrCode {
64      display: inline-block;
65      background-color: ${({theme:e})=>e.darkMode?x.Tj.seaGlassBc:"transparent"};
66      border-radius: 10px;
67    }
68
69    .appPromoContent {
70      align-items: center;
71      padding-top: 20px;
72      padding-bottom: 10px;
73
74      .appPromoContainer {
75        margin: 0 0 0 17px;
76      }
77    }
78
79    .appBtn {
80      display: none;
81    }
82  }
83`,b=()=>{let e,t,o,n,x,b,c,g,u=(0,a.c)(20),{ssr:h}=(0,d.m)(),C=h?.labels?.general,f=h?.labels?.footer.appPromo;if((0,s.A)()||!C||!f||h?.adsDisabled===!0)return null;u[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,r.jsx)("div",{className:"logoFlag"}),u[0]=e):e=u[0],u[1]!==f.qrCode||u[2]!==C.subtoutPromo.buttonText?(t=(0,r.jsx)("div",{className:"qrCode",children:(0,r.jsx)(l.A,{src:f.qrCode,alt:C.subtoutPromo.buttonText,height:138,width:138})}),u[1]=f.qrCode,u[2]=C.subtoutPromo.buttonText,u[3]=t):t=u[3];let k=f?.heading;u[4]!==k?(o=(0,r.jsx)("div",{className:"appHeading fakeH3",children:k}),u[4]=k,u[5]=o):o=u[5];let v=f?.text||"";return u[6]!==v?(n=(0,i.Ay)(v),u[6]=v,u[7]=n):n=u[7],u[8]!==n?(x=(0,r.jsx)("div",{className:"appText bodyText",children:n}),u[8]=n,u[9]=x):x=u[9],u[10]!==f.buttonText||u[11]!==f.buttonUrl?(b=(0,r.jsx)(p.A,{variant:"contained",className:"promo appBtn",href:f.buttonUrl,children:f.buttonText}),u[10]=f.buttonText,u[11]=f.buttonUrl,u[12]=b):b=u[12],u[13]!==o||u[14]!==x||u[15]!==b?(c=(0,r.jsxs)("div",{className:"appPromoContainer",children:[o,x,b]}),u[13]=o,u[14]=x,u[15]=b,u[16]=c):c=u[16],u[17]!==t||u[18]!==c?(g=(0,r.jsxs)(m,{children:[e,(0,r.jsxs)("div",{className:"appPromoContent",children:[t,c]})]}),u[17]=t,u[18]=c,u[19]=g):g=u[19],g}}}]);