"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[249],{2643:(e,t,n)=>{n.d(t,{A:()=>b});var a=n(96540),o=n(16762),r=n.n(o),i=n(84976),s=n(75930),l=n(17904),c=n(62524);const p={tagList:(0,s.AH)("{\n    display: table;\n    clear: both;\n    margin: -9px 0 0;\n    padding: 0;\n  }"),tagListItem:(0,s.AH)("{\n    float: left;\n    margin-bottom: 0;\n    list-style: none;\n\n    .tag-link {\n      font-family: ".concat(c.A.sansSerif,";\n      font-weight: 500;\n      display: inline-block;\n      margin: 9px 8px 0 0;\n      background-color: ").concat(l.Tj.brand2Light,";\n      padding: 6px 10px;\n      text-decoration: none;\n      color: ").concat(l.Tj.brand2,";\n      font-size: 17px;\n      letter-spacing: 0.4px;\n      line-height: 27px;\n\n      &:hover,\n      &:focus {\n        background-color: ").concat(l.Tj.hover,";\n      }\n    }\n  }"))},d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{tags:[{}]};return a.createElement("ul",{className:p.tagList,"data-testid":"tag-list"},e.tags.map(((e,t)=>{var{name:n,url:o,urlAlias:r}=e,s=r?"/".concat(r):"".concat(o);return a.createElement("li",{key:t,className:p.tagListItem},a.createElement(i.N_,{to:s,className:"tag-link"},n))})))};var m=n(45573);const h={articleFooterBlock:(0,s.AH)("{\n    h3 {\n      margin-top: 0;\n      margin-bottom: 9px;\n      vertical-align: top;\n      line-height: 18px;\n    }\n  }"),articleFooterBlockMargin:(0,s.AH)("{\n\t\tmargin: 0 0 27px;\n  }")};var g,u=n(21764);const b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{tags:[{}],authors:[],type:"",location:{pathname:""}},t=r()(e,"tags")&&r()(e,"tags").length>0;return a.createElement("footer",{id:"articleFooter",className:"article-footer","data-testid":"article-footer"},a.createElement("div",{className:"".concat(h.articleFooterBlock," ").concat(h.articleFooterBlockMargin)},a.createElement("h3",{className:"section-heading--small"},"Share This ","blogs"===e.type?"Blog":"Story"),a.createElement(m.A,{url:"https://www.edutopia.org".concat(e.location.pathname),title:e.title,image:e.image,onClick:e=>{(0,u.s)("Click_Social_Share_Icon","Social Icon",e)}})),t&&a.createElement("div",{className:"".concat(h.articleFooterBlock," ").concat(h.articleFooterBlockMargin)},g||(g=a.createElement("h3",{className:"section-heading--small"},"Filed Under")),a.createElement(d,{tags:e.tags})))}},14202:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I,mapStateToProps:()=>T});var a=n(16762),o=n.n(a),r=n(96540),i=n(71468),s=n(15167),l=n.n(s),c=n(48231),p=n(32465),d=n(44206),m=n(5313),h=n(22514),g=n(28140),u=n(17432),b=n(2643),f=n(78605),x=n(81575),v=n(86088),y=n(75930),E=n(17904);const w={packageTitle:(0,y.AH)("{\n    position: relative;\n\n    &:before {\n      @media screen and (min-width: ".concat(E.T5.medium,") {\n        position: absolute;\n        top: 5px;\n        left: -44px;\n        background: url('/assets/documents.svg') no-repeat left center / 32px 32px;\n        width: 32px;\n        height: 32px;\n        content: '';\n      }\n    }\n  }"))};var k,A=n(47089),C=n(14370);const N=function(){var e,t,n,a,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{id:"",title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"lite",intro:"",summary:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{},embeds:[{}],packageItems:[],slug:"",url:"",metatags:{},hasNewsletter:!1};return r.createElement("div",{className:"container"},"full"===o()(i,"coverMediaDisplay")&&r.createElement(g.A,{media:o()(i,"coverMedia"),heroType:"full"}),r.createElement("div",{className:"page-inner page-inner--content"},i.title?r.createElement("article",{className:"article"},r.createElement(A.A,{type:"WebPage",seoProps:{title:null==i?void 0:i.title,metatags:null==i?void 0:i.metatags,summary:i.summary,shareImage:null!==(e=i.coverMedia)&&void 0!==e&&e.master?"".concat(null===(t=i.coverMedia)||void 0===t?void 0:t.master,"?w=2880&quality=85"):"",path:{name:i.slug},rawfirstPublished:i.firstPublished,rawCreated:i.created}}),r.createElement(u.A,{id:i.id,title:i.title,titleClass:w.packageTitle,eyebrow:i.eyebrow,intro:i.intro,created:i.created,firstPublished:i.firstPublished,hero:i.coverMedia,slug:i.slug,coverMediaDisplay:i.coverMediaDisplay,type:"packages"}),""!==i.body&&i.body&&r.createElement(x.A,{value:i.body,embeds:i.embeds}),(null===(n=i.packageItems)||void 0===n?void 0:n.length)>1&&r.createElement("div",null,null===(a=i.packageItems)||void 0===a?void 0:a.map(((e,t)=>r.createElement("div",{key:t},r.createElement(v.A,{defaultState:"open",packageItem:e,content:r.createElement(f.A,{isPackage:!0,hasNewsletter:i.hasNewsletter&&0===t,inset:!0,content:e.articles}),triggerText:e.title}))))),i.packageItems.length<=1&&i.packageItems[0]&&r.createElement("div",null,r.createElement(f.A,{inset:!0,isPackage:!0,hasNewsletter:i.hasNewsletter,content:i.packageItems[0].articles})),r.createElement(x.A,{value:i.suffix}),r.createElement(b.A,{authors:i.authors,tags:(0,C.A)(i),title:i.title,image:o()(i,"coverMedia.master",""),url:i.url,type:"packages",location:i.location})):k||(k=r.createElement(h.A,null))))};class H extends r.Component{componentDidMount(){var{id:e,dispatch:t,title:n,location:a={}}=this.props,r=(0,m.A)(a),i=o()(r,"name","").toLowerCase();if(-1===r.previewIndex||e===r.post_id)return""===n?(t((0,p.X7)(i)),void t((0,p.uU)(i))):void t((0,p.uU)(i));t((0,c.rr)("404"))}UNSAFE_componentWillUpdate(e){var{dispatch:t,location:n={}}=this.props,a=(0,m.A)(o()(e,"location",{})).name.toLowerCase();a!==l().left(o()(n,"pathname","").toLowerCase(),"/")&&(t((0,p.X7)(a)),t((0,p.uU)(a)))}render(){return r.createElement(N,{id:this.props.id,title:this.props.title,body:this.props.body,created:this.props.created,firstPublished:this.props.firstPublished,eyebrow:this.props.eyebrow,coverMediaDisplay:this.props.coverMediaDisplay,intro:this.props.intro,suffix:this.props.suffix,authors:this.props.authors,primaryTopic:this.props.primaryTopic,topics:this.props.topics,coverMedia:this.props.coverMedia,embeds:this.props.embeds,packageItems:this.props.packageItems,slug:this.props.slug,url:"".concat(this.props.host,"/").concat(this.props.slug),metatags:this.props.metatags,summary:this.props.summary,location:this.props.location,hasNewsletter:this.props.hasNewsletter})}}H.defaultProps={title:"",body:"",created:"",firstPublished:"",eyebrow:"",coverMediaDisplay:"lite",intro:"",summary:"",suffix:"",authors:[{}],topics:[{}],coverMedia:{},embeds:[{}],packageItems:[],vid:void 0,id:"",slug:"",host:"",metatags:{},hasNewsletter:!1};var T=(e,t)=>{var n=(0,m.A)(t.location),a=n.name.toLowerCase();console.log("Setting Props:",{path:n,checkedPath:a});var{id:r,vid:i,title:s,body:l,created:c,firstPublished:p,eyebrow:d,coverMediaDisplay:h,intro:g,summary:u,suffix:b,authors:f,primaryTopic:x,topics:v,coverMedia:y,embeds:E,packageItems:w,slug:k,metatags:A,hasNewsletter:C}=o()(e,"packages['".concat(a,"']"))?e.packages["".concat(a)]:{};return{id:r,vid:i,title:s,body:l,created:c,firstPublished:p,eyebrow:d,coverMediaDisplay:h,intro:g,summary:u,suffix:b,authors:f,primaryTopic:x,topics:v,coverMedia:y,embeds:E,packageItems:w,slug:k,metatags:A,host:o()(e,"global.host",""),hasNewsletter:C}};const I=(0,d.h)((0,i.Ng)(T)(H))},14370:(e,t,n)=>{n.d(t,{A:()=>a});const a=e=>{var t;return null===(t=e.topics)||void 0===t||null===(t=t.filter((t=>t.id===e.primaryTopic)))||void 0===t||null===(t=t.concat(e.topics.filter((t=>t.id!==e.primaryTopic))))||void 0===t?void 0:t.filter((e=>"grade-elementary"!==e.slug))}},17432:(e,t,n)=>{n.d(t,{A:()=>j});var a,o=n(58168),r=n(16762),i=n.n(r),s=n(62383),l=n.n(s),c=n(5556),p=n.n(c),d=n(96540),m=n(84976),h=n(75930),g=n(29970),u=n(17904),b=n(7066),f=n(28140),x=n(71468),v=n(47767),y=n(97462),E=n(48231),w=n(36803),k=n(82583),A={};const C=e=>{var{slug:t,commentCount:n,commentStatus:o,hasAuthor:r,hasPostDateFull:i}=e,s=(0,x.wA)(),l=(0,v.zy)(),c=(0,d.useMemo)((()=>{var e=new URLSearchParams(l.search);return Object.fromEntries(e.entries())}),[l.search]),p=(0,x.d4)((e=>t&&e.comments&&e.comments[t]||A)),m=(0,x.d4)((e=>t&&e.comments&&e.comments["useful_".concat(t)]||A));(0,d.useEffect)((()=>{"comments-view"===c.scrollTo&&g(),"comments-sidebar"===c.open&&p.count>0&&h()}),[p.count,c]),(0,d.useEffect)((()=>()=>{s((0,y.U7)(t))}),[s,t]),(0,d.useEffect)((()=>{s((0,E.b7)(null));var e="comments-view"===c.scrollTo||"comments-sidebar"===c.open,n=c.commentID&&e;s(n?(0,y.pr)(t,1e3):(0,y.pr)(t)),null!=m&&m.comments||null==p||!p.showComments||s(n?(0,y.Tc)(t,"useful",1e3):(0,y.Tc)(t,"useful"))}),[s,t,c,null==p?void 0:p.showComments,null==p?void 0:p.count,null==m?void 0:m.comments]);var h=()=>{s((0,y.Uw)(t))},g=()=>{var e=document.getElementById("comments-view");if(e){var t=window.pageYOffset,n=e.getBoundingClientRect().top+window.pageYOffset;if(!(Math.abs(t-n)<10))return e.scrollIntoView({behavior:"smooth"}),void setTimeout((()=>{h()}),500);h()}},u=n>0&&"open"===o&&!(null!=p&&p.status),b="open"===(null==p?void 0:p.status)&&(null==p?void 0:p.count)>0;return d.createElement(d.Fragment,null,u&&d.createElement("div",{className:k.q,style:{background:"red",width:"50px",height:"37.11px",marginBottom:i&&r?"33px":r?"36px":"0px",marginTop:"0px",borderRadius:"20px"}}),b&&d.createElement("div",{style:i&&r?{marginBottom:"33px"}:r?{marginBottom:"36px"}:{marginTop:"0px"}},d.createElement("button",{className:"".concat(N.container," ").concat(H),onClick:()=>{(0,w.s)("Click_Comment_Count"),h()}},a||(a=d.createElement("svg",{width:"18",height:"17",viewBox:"0 0 18 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.createElement("path",{d:"M12.3542 0H5.97925C3.05737 0 0.666748 2.39062 0.666748 5.3125V7.4375C0.666748 10.3594 3.05737 12.75 5.97925 12.75V17L11.2917 12.75H12.3542C15.2761 12.75 17.6667 10.3594 17.6667 7.4375V5.3125C17.6667 2.39062 15.2761 0 12.3542 0Z",fill:"#00A7E1"}))),d.createElement("span",{className:N.count},p.count>=1e3?"999+":p.count))))};var N={container:(0,h.AH)("position:relative;background-color:transparent;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:3px 10px;width:fit-content;height:37.11px;border:1.5px solid #00a7e1;border-radius:20px;flex:none;order:1;flex-grow:0;z-index:1;svg{width:17px;height:17px;}&:hover{background-color:#d1ecfa;}"),count:(0,h.AH)("margin-left:1px;height:31.11px;font-family:'canada-type-gibson';font-style:normal;font-weight:500;font-size:17px;line-height:20px;display:flex;align-items:center;text-align:center;color:#00a7e1;"),newNotification:(0,h.AH)("position:absolute;top:-5px;left:-10px;display:flex;flex-direction:row;align-items:center;padding:5px;background:#ff4c00;border-radius:20px;span{width:23px;height:6px;font-family:'canada-type-gibson';font-style:normal;font-weight:300;font-size:10px;line-height:20px;display:flex;align-items:center;text-align:center;color:#ffffff;flex:none;order:0;flex-grow:0;}")},H=(0,h.AH)("@keyframes fadeInOpacity{0%{opacity:0;}100%{opacity:1;}}animation:fadeInOpacity 1s;"),T=n(61857),I=n(4033),D=n(62524),M="\n  margin: 0 0 18px;\n  color: ".concat(u.Tj.mediumGrey,";\n  font-family: ").concat(D.A.sansSerif,";\n  font-weight: 300;\n  font-style: normal;\n  line-height: 1;\n  font-size: 21px;\n  letter-spacing: .8px;\n"),_="\n  line-height: 27px;\n  font-size: 25px;\n";const S={introText:(0,h.AH)("\n    ".concat(M,"\n    & p {\n      ").concat(M,"\n      .beyond-article & {\n        margin: 0 0 9px;\n      }\n    }\n    .beyond-article & {\n      margin: 0 0 9px;\n    }\n    @media screen and (min-width: ").concat(u.T5.medium,") {\n      ").concat(_,"\n      p {\n        ").concat(_,"\n      }\n    }\n  ")),blogIntroText:(0,h.AH)("\n\tmargin: 0 0 6px;\n  font-family: ".concat(D.A.sansSerif,";\n  font-weight: 300;\n  font-style: normal;\n  line-height: 1;\n  font-size: 21px;\n  letter-spacing: .8px;\n\t& p {\n\t\tmargin: 0 0 6px;\n\t\tfont-family: ").concat(D.A.sansSerif,";\n\t\tfont-weight: 300;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tfont-size: 21px;\n\t\tletter-spacing: .8px;\n\t\t.beyond-article & {\n\t\t\tmargin: 0 0 9px;\n\t\t}\n\t}\n\t.beyond-article & {\n\t\tmargin: 0 0 9px;\n\t}\n\t@media screen and (min-width: ").concat(u.T5.medium,") {\n\t\t").concat(_,"\n\t\tp {\n\t\t\t").concat(_,"\n\t\t}\n\t}\n")),postDate:(0,h.AH)("\n    margin: 6px 0 18px;\n    & span {\n      margin-right: 10px;\n      white-space: nowrap;\n    }\n  "),postDateFull:(0,h.AH)("\n    margin: 6px 0 36px;\n    & span {\n      margin-right: 10px;\n      white-space: nowrap;\n    }\n  "),subHero:(0,h.AH)("margin-bottom: 27px"),byline:(0,h.AH)("\n    font-family: ".concat(D.A.sansSerif,";\n    font-weight: 500;\n    line-height: 27px;\n    color: ").concat(u.Tj.darkGrey,";\n    font-size: 20px;\n    letter-spacing: 0.6px;\n  ")),actionWrapper:(0,h.AH)("display:flex;gap:12px;justify-content:end;align-items:flex-start;"),footerContainer:(0,h.AH)("display:flex;justify-content:space-between;align-items:flex-start;width:100%;"),footerContainerNoAuthor:(0,h.AH)("display:flex;justify-content:flex-start;width:100%;"),footerContent:(0,h.AH)("width:100%;padding-right:15px;")};var P,L=e=>{var{children:t}=e,[n,a]=(0,d.useState)(!1),[o,r]=(0,d.useState)(0);return(0,d.useEffect)((()=>{var e;return n&&(e=setTimeout((()=>{a(!1)}),3e3)),()=>{e&&(clearTimeout(e),console.log("time out cleared"))}}),[n]),d.createElement("div",{className:F.wrapper},d.createElement("div",null,t),d.createElement("button",{className:F.button,onClick:()=>{a(!0),r((e=>e+1)),navigator.clipboard.writeText("".concat("https://www.edutopia.org").concat(e.slug,"?scrollTo=blog-content-view&blogContentID=").concat(e.nid)),g.Ay.event({category:"Copy to Clipboard",action:"click"})}},n&&d.createElement("div",{key:o,className:F.tooltip},"Copied to clipboard"),P||(P=d.createElement("img",{alt:"button to copy link to clipboard",src:"/assets/link-solid.svg"}))))},F={wrapper:(0,h.AH)("display:flex;justify-content:space-between;align-items:flex-start;"),button:(0,h.AH)("margin-top:6px;margin-left:20px;border:none;background-color:transparent;border-radius:4px;height:32px;width:32px;display:flex;justify-content:center;align-items:center;position:relative;&:hover{cursor:pointer;background-color:#ddd;}"),tooltip:(0,h.AH)("min-width:60px;position:absolute;bottom:0%;right:calc(100% + 12px);transform:translate(0%,0%);animation:",u.i7.fadeOut," 3s ease;")};class B extends d.PureComponent{render(){var e,t,n,a=this.props.postDate?this.props.postDate:(t=this.props.created,n=this.props.firstPublished,l()(n)||t===n?t:d.createElement(d.Fragment,null,d.createElement("span",null,n)," ",d.createElement("span",null,"Updated ",t))),r="blogs"===this.props.type&&this.props.updatedOn&&this.props.firstPublished?d.createElement(d.Fragment,null,"Last updated on ",this.props.updatedOn):a,s=d.createElement(d.Fragment,null,d.createElement("div",{className:"eyebrow"},this.props.eyebrow),this.props.beyondHeader&&this.props.beyondHeaderRedirectExists&&d.createElement("h2",{className:"h1 ".concat(this.props.titleClass)},d.createElement(m.N_,{className:"black-title-link",to:this.props.slug,onClick:()=>{(0,b.GZ)(this.props.beyondKey+1)}},this.props.title)),!this.props.beyondHeaderRedirectExists&&this.props.beyondHeader&&d.createElement("h2",{className:"h1 ".concat(this.props.titleClass)},this.props.title),!this.props.beyondHeader&&d.createElement("h1",{className:"h1 ".concat(this.props.titleClass)},this.props.title),this.props.intro&&d.createElement("div",{className:"blogs"===this.props.type?S.blogIntroText:S.introText,dangerouslySetInnerHTML:{__html:this.props.intro}}),d.createElement("div",{className:this.props.authors.length>0?"".concat(S.footerContainer):"".concat(S.footerContainerNoAuthor)},d.createElement("div",{className:S.footerContent},!l()(i()(this.props,"authors[0]"))&&d.createElement("div",{className:"byline ".concat(S.byline)},"By"," ",this.props.authors.map(((e,t)=>{var{name:n,url:a}=e;return d.createElement("span",{key:t},!!t&&", ",d.createElement(m.N_,{to:"/".concat(a)},n))}))),!this.props.hero||"lite"!==this.props.coverMediaDisplay&&!0!==this.props.beyondHeader?"":d.createElement(d.Fragment,null,d.createElement("div",{className:"date-text ".concat(S.postDate)},r)),!this.props.hero||!1!==this.props.beyondHeader||"full"!==this.props.coverMediaDisplay&&"hide"!==this.props.coverMediaDisplay&&this.props.coverMediaDisplay?"":d.createElement("div",{className:"date-text ".concat(S.postDateFull)},r),!this.props.hero&&d.createElement("div",{className:"date-text ".concat(S.postDate)},r)),!this.props.beyondHeader&&d.createElement("div",{className:"no-print ".concat(S.actionWrapper," ").concat(this.props.type," ").concat(this.props.coverMediaDisplay)},d.createElement(T.A,{id:this.props.id}),d.createElement(C,{slug:this.props.slug,commentCount:this.props.commentCount,commentStatus:this.props.commentStatus,hasAuthor:this.props.authors.length>0,hasPostDateFull:this.props.hero&&("lite"===this.props.coverMediaDisplay||!0===this.props.beyondHeader)}))));return d.createElement(d.Fragment,null,d.createElement("header",{"data-testid":"article-header"},"blog-content"===this.props.type?d.createElement(L,this.props,s):s,!this.props.hero||"lite"!==this.props.coverMediaDisplay&&!0!==this.props.beyondHeader?"":d.createElement(d.Fragment,null,!this.props.beyondHeader&&null!==(e=this.props.eduVideo)&&void 0!==e&&e.mediaItemUrl?d.createElement(I.A,(0,o.A)({},this.props,{eduVideo:this.props.eduVideo,redirectURL:this.props.slug,beyondHeader:this.props.beyondHeader})):d.createElement(f.A,{heroType:"simple",media:this.props.hero,beyondHero:this.props.beyondHeader,beyondKey:this.props.beyondKey,link:this.props.beyondHeaderRedirectExists?this.props.slug:void 0})),this.props.subHero&&d.createElement("div",{className:S.subHero},this.props.subHero)))}}p().number,p().string,p().string,p().string.isRequired,p().string,p().string.isRequired,p().string,p().string,p().string,p().string,p().arrayOf(p().object),p().shape({media_type:p().string}),p().oneOfType([p().string,p().object]),p().string.isRequired,p().string.isRequired,p().string,p().shape({mediaItemUrl:p().string}),p().string,p().bool,p().number,p().number,p().bool;B.defaultProps={id:"",commentCount:0,titleClass:"",hero:{},authors:[],coverMediaDisplay:"hide",eyebrow:"",subHero:null,postDate:"",created:"",firstPublished:"",beyondHeader:!1,type:"",beyondKey:void 0,beyondParentType:"",nid:0,beyondHeaderRedirectExists:!0};const j=B},45573:(e,t,n)=>{n.d(t,{A:()=>l});var a,o=n(96540),r=n(84831),i=n(65108),s=n(66150);const l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{image:"",hashtags:[],location:{pathname:""}};return o.createElement("ul",{className:s.A.socialIconList,"data-testid":"social-list"},o.createElement("li",{className:s.A.socialIconListItem},o.createElement(r.FacebookButton,{url:e.url,message:e.title,appId:"206362376048616",sharer:!0,onClick:()=>{e.onClick("facebook")}},o.createElement(i.A,{service:"facebook",url:"",title:e.title}))),o.createElement("li",{className:s.A.socialIconListItem},o.createElement(i.A,{service:"bluesky",url:e.url,title:e.title,onClick:()=>{e.onClick("bluesky")}})),o.createElement("li",{className:s.A.socialIconListItem},o.createElement(r.PinterestButton,{url:e.url,media:e.image,message:e.title,onClick:()=>{e.onClick("pinterest")}},a||(a=o.createElement(i.A,{service:"pinterest",url:""})))),o.createElement("li",{className:s.A.socialIconListItem},o.createElement("div",null,o.createElement(i.A,{service:"email",url:e.url,title:e.title,onClick:()=>{e.onClick("email")}}))))}},86088:(e,t,n)=>{n.d(t,{A:()=>d});var a=n(54705),o=n(96540),r=n(16762),i=n.n(r),s=n(75930),l=n(17904);const c={expanderComponentTrigger:(0,s.AH)("{\n    position: relative;\n    margin-bottom: 21px;\n    outline: none;\n    border-top: 0;\n    border-right: 0;\n    border-bottom: 1px solid ".concat(l.Tj.lightGrey,";\n    border-left: 0;\n    background: none;\n    cursor: pointer;\n    padding-bottom: 10px;\n    padding-left: 0;\n    width: 100%;\n    text-align: left;\n    appearance: none;\n\n    &:after {\n      display: inline-block;\n      margin-left: 12px;\n      background-image: url('/assets/navigate-down--black.png');\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: 100%;\n      width: 22px;\n      height: 11px;\n      content: '';\n\n      @media screen and (min-width: ").concat(l.T5.medium,") {\n        position: absolute;\n        right: 0;\n        background-image: url('/assets/navigate-down--black.png');\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: 100%;\n        padding-left: 0;\n        height: 100%;\n      }\n    }\n  }")),expanderComponentTriggerInverted:(0,s.AH)("{\n    margin-bottom: 18px;\n    border-bottom-color: ".concat(l.Tj.brand2Light,";\n    color: ").concat(l.Tj.white,";\n  }")),expanderComponentTriggerActive:(0,s.AH)("{\n    &:after {\n      background-image: url('/assets/navigate-up--black.png');\n    }\n  }"),expanderComponentContainer:(0,s.AH)("{\n    &.closed {\n      .expander-component__content {\n        display: none;\n      }\n    }\n  }")};class p extends o.Component{constructor(e){super(e),(0,a.A)(this,"handleExpanderState",(()=>{this.setState((e=>({expanded:!e.expanded})))})),"open"===e.defaultState?this.state={expanded:!0}:this.state={expanded:!1}}handleExpanderClass(){return!0===this.state.expanded?this.props.invertedColors?"h3 ".concat(c.expanderComponentTrigger," ").concat(c.expanderComponentTriggerInverted," ").concat(c.expanderComponentTriggerActive," expander-component__trigger--active-inverted"):"h3 ".concat(c.expanderComponentTrigger," ").concat(c.expanderComponentTriggerActive):this.props.invertedColors?"h3 ".concat(c.expanderComponentTrigger," ").concat(c.expanderComponentTriggerInverted):"h3 ".concat(c.expanderComponentTrigger)}render(){var e=i()(this.props,"triggerText","");return o.createElement("div",{className:this.props.wrapperClass},this.props.showHide?o.createElement("div",{className:"".concat(c.expanderComponentContainer," ").concat(this.state.expanded?"opened":"closed")},o.createElement("button",{onClick:this.handleExpanderState,className:this.handleExpanderClass()},e),o.createElement("div",{className:"expander-component__content"},this.props.content)):o.createElement(o.Fragment,null,this.state.expanded&&o.createElement("div",{className:c.expanderComponentContainer},o.createElement("button",{onClick:this.handleExpanderState,className:this.handleExpanderClass()},e),o.createElement("div",{className:"expander-component__content"},this.props.content)),!this.state.expanded&&o.createElement("div",{className:c.expanderComponentContainer},o.createElement("button",{onClick:this.handleExpanderState,className:this.handleExpanderClass()},e))))}}p.defaultProps={defaultState:"closed",invertedColors:!1,wrapperClass:"expander-component",showHide:!1};const d=p}}]);