https://www.merchbar.com/_next/static/chunks/pages/component-examples/modals-39c099416747141a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7460],{20808:function(e,n,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/component-examples/modals",function(){return l(75264)}])},97815:function(e,n,l){"use strict";var a=l(85893);l(67294);var o=l(62255),s=l(53457),d=l(47738),r=l(59417),t=l(67814);let i=e=>{let{children:n,...l}=e,o=n.toLowerCase().replace(/\s/g,"-").replace(/[^-a-z0-9]/g,"");return(0,a.jsxs)(s.Z,{as:"h4",id:o,...l,children:[n,(0,a.jsx)(d.Z,{className:"ms-1",value:"#".concat(o),children:(0,a.jsx)("a",{title:"Click to Copy Link",children:(0,a.jsx)(t.G,{icon:r.Alc})})})]})},c=e=>{let{children:n,...l}=e;return(0,a.jsx)(o.Z,{className:"mb-3",...l,children:n})};n.Z=Object.assign(c,{Header:i,Body:o.Z.Body})},71275:function(e,n,l){"use strict";var a=l(85893),o=l(10682),s=l(66338),d=l(26739);let{actions:{setBreadcrumbs:r}}=d.Z,t=e=>{let{title:n,breadcrumbs:l=[],children:d}=e,t=[{name:"Component Examples",route:"/component-examples"},...l],i=(0,s.I0)();return i(r(t)),(0,a.jsxs)(o.Z,{className:"my-4 container",children:[(0,a.jsx)("h1",{className:"mb-3",children:n}),d]})};n.Z=t},47738:function(e,n,l){"use strict";var a=l(85893),o=l(67294),s=l(78875),d=l(22336),r=l.n(d),t=l(94184),i=l.n(t);let c=e=>{let{children:n,value:l,className:d=""}=e,[t,c]=(0,o.useState)(!1),h=(0,o.useRef)(null),m=l;(0,o.useEffect)(()=>{if(l.startsWith("#")){let e=window.location;m=e.protocol+"//"+e.host+e.pathname+l}},[]);let x=()=>{c(!0),setTimeout(()=>{c(!1)},1500)},u=()=>{},p=e=>{e.preventDefault(),navigator.clipboard.writeText(m).then(x,u)},j=o.cloneElement(n,{className:i()(r().target,d),onClick:p,ref:h});return(0,a.jsxs)(a.Fragment,{children:[j,(0,a.jsx)(s.Z,{target:h.current,show:t,placement:"top",children:(0,a.jsx)("div",{className:i()(r().overlay,"bs-v4-legacy-overlay-font"),children:"Copied!"})})]})};n.Z=c},58913:function(e,n,l){"use strict";var a=l(85893),o=l(34685),s=l.n(o),d=l(94184),r=l.n(d),t=l(67294),i=l(99935);let c=e=>{let{children:n}=e;return(0,a.jsx)("div",{className:"modal-header",children:n})},h=e=>{let{children:n}=e;return(0,a.jsx)("div",{className:"modal-body",children:n})},m=e=>{let{children:n}=e;return(0,a.jsx)("div",{className:"modal-footer",children:n})},x=e=>{let{animation:n=!1,centered:l=!1,children:o,className:d="",show:c=!1,onHide:h,slideFrom:m="top",xOffset:x=!1,...u}=e,p=n?160:0,j={},g=(0,i.j)(),w=(0,t.useRef)(null);if(c?(j.role="dialog",j["aria-modal"]="true",w.current&&(w.current.style.display="block",setTimeout(()=>{w.current&&w.current.classList.add(s().show)},p))):(j["aria-hidden"]="true",w.current&&(w.current.classList.remove(s().show),setTimeout(()=>{w.current&&(w.current.style.display="none")},p))),"undefined"!=typeof document){let M=document.querySelector("body")||null;c&&M?(M.classList.add("modal-open","bs-v4-legacy-modal-open"),M.style.paddingRight="".concat(g,"px")):!c&&M&&(M.classList.remove("modal-open","bs-v4-legacy-modal-open"),M.style.paddingRight="unset")}return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{ref:w,className:r()("modal",s().modal,d,{fade:n,left:"left"===m,right:"right"===m,[s().fade]:n}),tabIndex:-1,onClick:e=>{e.target===w.current&&h&&h()},...j,...u,children:(0,a.jsx)("div",{className:r()("modal-dialog","modal

1-dialog-scrollable",s().modalDialog,{"modal-dialog-centered":l,[s().leftOffset]:x&&"left"===m,[s().rightOffset]:x&&"right"===m}),children:(0,a.jsx)("div",{className:"modal-content",children:o})})}),(0,a.jsx)("div",{className:r()("modal-backdrop",s().modalBackdrop,{[s().show]:c,"d-none":!c,"d-block":c,fade:n,[s().fade]:n})})]})};n.Z=Object.assign(x,{Header:c,Body:h,Footer:m})},26711:function(e,n,l){"use strict";l.d(n,{Z:function(){return i}});var a=l(85893);l(67294);var o=l(50988),s=l(78245),d=l(2067);let r=e=>{let{closeModalHandler:n,show:l,children:r}=e,{isMobile:t}=(0,d.Z)();return t?(0,a.jsx)(s.Z,{show:l,hideDrawer:n,children:r}):(0,a.jsx)(o.Z,{show:l,closeModalHandler:n,children:r})},t=e=>{let{closeModalHandler:n,show:l,pageUrl:o}=e;return(0,a.jsx)(r,{show:l,closeModalHandler:n,children:(0,a.jsx)("iframe",{src:"https://docs.google.com/forms/d/e/1FAIpQLSev414-sshplMII6q1Cz_qT3ZmhNCva_cwFtJpn0gK0H9xT5Q/viewform?embedded=true&usp=pp_url&entry.1779739167=".concat(o),width:"100%",height:"800",frameBorder:"0",marginHeight:0,marginWidth:0,children:"Loading…"})})};var i=t},75264:function(e,n,l){"use strict";l.r(n);var a=l(85893),o=l(67294),s=l(35005),d=l(71275),r=l(97815),t=l(24751),i=l(58913),c=l(171),h=l(26711),m=l(19475),x=l(5146),u=l(92201),p=l(35586),j=l(7524),g=l(80684),w=l(74489),M=l(98115),f=l(95346),B=l(63253),Z=l(53600),b=l(99826);let y=b.a,C=y[0],H=y.slice(1,3),k=()=>{let[e,n]=(0,o.useState)("closed"),[l,b]=(0,o.useState)(null);return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(d.Z,{title:"Modals",breadcrumbs:[{name:"Modals",route:"/component-examples/modals"}],children:[(0,a.jsx)("h3",{children:"Modals"}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Auth Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("p",{children:"Note: This will only work when logged out."}),(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:'\n{authModalState !== "closed" && (\n    <AuthModal initModalState={authModalState} onClose={ () => { setAuthModalState("closed"); }} />\n)}\n                                '})}),"closed"!==e&&(0,a.jsx)(t.Z,{initModalState:e,onClose:()=>{n("closed")}}),(0,a.jsx)(s.Z,{onClick:()=>{n("signup")},className:"me-3",children:"Open Sign Up"}),(0,a.jsx)(s.Z,{onClick:()=>{n("login")},className:"me-3",children:"Open Log In"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Basic Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("p",{children:"Simple Bootstrap styled modal with persistent content present on the page no matter the state."}),(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:'\n<BasicModal\n    show={show === \'basic-1\'}\n    onHide={() => { setShow(null); }}\n>\n    <BasicModal.Header>\n        <h4>Basic Modal Header</h4>\n        <ModalCloseButton size="2x" closeModal={() => { setShow(null); }} />\n\n    </BasicModal.Header>\n    <BasicModal.Body><>Basic Modal Body</></BasicModal.Body>\n    <BasicModal.Footer><>Basic Modal Footer</></BasicModal.Footer>\n</BasicModal>\n<Button onClick={ () => { setShow(\'basic-1\'); }} className="me-2">Example 1</Button>\n\n<BasicModal\n    show={show === \'basic-2\'}\n    onHide={() => { setShow(null); }}

1\n    centered\n    animation\n    slideFrom="right"\n    xOffset\n>\n    <BasicModal.Header>\n        <h4>Basic Modal Header</h4>\n        <ModalCloseButton size="2x" closeModal={() => { setShow(null); }} />\n\n    </BasicModal.Header>\n    <BasicModal.Body><>This example is centered, has smooth animations and slides in from the right.</></BasicModal.Body>\n    <BasicModal.Footer><>Basic Modal Footer</></BasicModal.Footer>\n</BasicModal>\n<Button onClick={ () => { setShow(\'basic-2\'); }} className="me-2">Example 2</Button>\n\n<BasicModal\n    show={show === \'basic-3\'}\n    onHide={() => { setShow(null); }}\n    centered\n    animation\n    slideFrom="left"\n    xOffset\n>\n    <BasicModal.Header>\n        <h4>Basic Modal Header</h4>\n        <ModalCloseButton size="2x" closeModal={() => { setShow(null); }} />\n\n    </BasicModal.Header>\n    <BasicModal.Body><>This example is centered, has smooth animations and slides in from the right.</></BasicModal.Body>\n    <BasicModal.Footer><>Basic Modal Footer</></BasicModal.Footer>\n</BasicModal>\n<Button onClick={ () => { setShow(\'basic-3\'); }} className="me-2">Example 3</Button>\n                                '})}),(0,a.jsxs)(i.Z,{show:"basic-1"===l,onHide:()=>{b(null)},children:[(0,a.jsxs)(i.Z.Header,{children:[(0,a.jsx)("h4",{children:"Basic Modal Header"}),(0,a.jsx)(f.Z,{size:"2x",closeModal:()=>{b(null)}})]}),(0,a.jsx)(i.Z.Body,{children:(0,a.jsx)(a.Fragment,{children:"Basic Modal Body"})}),(0,a.jsx)(i.Z.Footer,{children:(0,a.jsx)(a.Fragment,{children:"Basic Modal Footer"})})]}),(0,a.jsx)(s.Z,{onClick:()=>{b("basic-1")},className:"me-2",children:"Example 1"}),(0,a.jsxs)(i.Z,{show:"basic-2"===l,onHide:()=>{b(null)},centered:!0,animation:!0,slideFrom:"right",xOffset:!0,children:[(0,a.jsxs)(i.Z.Header,{children:[(0,a.jsx)("h4",{children:"Basic Modal Header"}),(0,a.jsx)(f.Z,{size:"2x",closeModal:()=>{b(null)}})]}),(0,a.jsx)(i.Z.Body,{children:(0,a.jsx)(a.Fragment,{children:"This example is centered, has smooth animations and slides in from the right."})}),(0,a.jsx)(i.Z.Footer,{children:(0,a.jsx)(a.Fragment,{children:"Basic Modal Footer"})})]}),(0,a.jsx)(s.Z,{onClick:()=>{b("basic-2")},className:"me-2",children:"Example 2"}),(0,a.jsxs)(i.Z,{show:"basic-3"===l,onHide:()=>{b(null)},centered:!0,animation:!0,slideFrom:"left",xOffset:!0,children:[(0,a.jsxs)(i.Z.Header,{children:[(0,a.jsx)("h4",{children:"Basic Modal Header"}),(0,a.jsx)(f.Z,{size:"2x",closeModal:()=>{b(null)}})]}),(0,a.jsx)(i.Z.Body,{children:(0,a.jsx)(a.Fragment,{children:"This example is centered, has smooth animations and slides in from the right."})}),(0,a.jsx)(i.Z.Footer,{children:(0,a.jsx)(a.Fragment,{children:"Basic Modal Footer"})})]}),(0,a.jsx)(s.Z,{onClick:()=>{b("basic-3")},className:"me-2",children:"Example 3"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Brand Subscription Display Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:'\n<BrandSubscriptionDisplay\n    relatedBrands={_relatedBrands}\n    brandName={_brand.brandName}\n    brandId={_brand.id}\n    brandImageUrl={_brand.imageUrl}\n    show={show === \'brand-subscription-display-modal\'}\n    closeModalHandler={() => { setShow(null); }}\n    questionText={"Are you a fan of " + _brand.brandName + "?"}\n    descriptionText={"Subscribe to Merch Alerts and be the first to know about new merch from " + _brand.brandName + "."}\n/>\n<Button onClick={ () => { setShow(\'brand-subscription-display-modal\'); }}>Open</Button>\n                                '})}),(0,a.jsx)(c.Z,{relatedBrands:H,brandName:C.brandName,brandId:C.id,brandImageUrl:C.imageUrl,show:"brand-subscription-display-modal"===l,closeModalHandler:()=>{b(null)},questionText:"Are you a fan of "+C.brandName+"?",descriptionText:"Subscribe to Merch Alerts and be the first to know about new merch from "+C.brandName+"."}),(0,a.jsx)(s.Z,{onClick:()=>{b("brand-subscription-display-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Newsletter Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<NewsletterModal\n    show={show === 'newsletter-modal'}\n    onHide={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('newsletter-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(p.Z,{show:"newsletter-modal"===l,onHide:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("newsletter-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Daily Deals Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<DailyDealsModal\n    show={show === 'daily-deals-modal'}\n    closeModalHandler={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('daily-deals-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(m.Z,{show:"daily-deals-modal"===l,closeModalHandler:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("daily-deals-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Feedback Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<FeedbackModal\n    show={show === 'feedback-modal'}\n    closeModalHandler={() => { setShow(null); }}\n    pageUrl=\"#\"\n/>\n<Button onClick={ () => { setShow('feedback-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(h.Z,{show:"feedback-modal"===l,closeModalHandler:()=>{b(null)},pageUrl:"#"}),(0,a.jsx)(s.Z,{onClick:()=>{b("feedback-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Generic E-Mail Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<GenericEmailModal\n    show={show === 'generic-email-modal'}\n    actionHandler={() => { /*...*/ }}\n    closeModalHandler={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('generic-email-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(x.Z,{show:"generic-email-modal"===l,actionHandler:()=>{},closeModalHandler:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("generic-email-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Merch Waitlist Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<MerchWaitlistModal\n    show={show === 'merch-waitlist-modal'}\n    closeModalHandler={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('merch-waitlist-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(u.Z,{show:"merch-waitlist-modal"===l,closeModalHandler:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("merch-waitlist-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"SMS Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<SMSModal\n    show={show === 'sms-modal'}\n    closeModalHandler={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('sms-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(j.Z,{show:"sms-modal"===l,closeModalHandler:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("sms-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Spotify Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<SpotifyModal\n    show={show === 'spotify-modal'}\n    closeModalHandler={() => { setShow(null); }}\n/>\n<Button onClick={ () => { setShow('spotify-modal'); }}>Open</Button>\n                                "})}),(0,a.jsx)(g.Z,{show:"spotify-modal"===l,closeModalHandler:()=>{b(null)}}),(0,a.jsx)(s.Z,{onClick:()=>{b("spotify-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Timed Content Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:'\n<TimedContentModal\n    closeModalHandler={() => { setShow(null); }}\n    show={show === \'timed-content-modal\'}\n    url="#"\n    desktopImage="https://static-images.merchbar.com/placeholders/placeholder-merch-640x640.jpg"\n    mobileImage="https://static-images.merchbar.com/placeholders/placeholder-merch-640x640.jpg"\n    desktopImageAlt="alt"\n    mobileImageAlt="alt"\n    name="name"\n/>\n<Button onClick={ () => { setShow(\'timed-content-modal\'); }}>Open</Button>\n                                '})}),(0,a.jsx)(w.Z,{closeModalHandler:()=>{b(null)},show:"timed-content-modal"===l,url:"#",desktopImage:"https://static-images.merchbar.com/placeholders/placeholder-merch-640x640.jpg",mobileImage:"https://static-images.merchbar.com/placeholders/placeholder-merch-640x640.jpg",desktopImageAlt:"alt",mobileImageAlt:"alt",name:"name"}),(0,a.jsx)(s.Z,{onClick:()=>{b("timed-content-modal")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Vinyl Newsletter Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<VinylNewsletterModal\n    closeHandler={() => { setShow(null); }}\n    show={show === 'vinyl-newsletter'}\n\n/>\n<Button onClick={ () => { setShow('vinyl-newsletter'); }}>Open</Button>\n                                "})}),(0,a.jsx)(M.Z,{closeHandler:()=>{b(null)},show:"vinyl-newsletter"===l}),(0,a.jsx)(s.Z,{onClick:()=>{b("vinyl-newsletter")},children:"Open"})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Google Sign In Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<GoogleSignInModal />\n<GoogleSignInButton onAuth={() => { alert('authorized') }} />\n                                "})}),(0,a.jsxs)("p",{children:["Note: ",(0,a.jsx)("code",{children:"GoogleSignInModal"}

1)," is included on every page via ",(0,a.jsx)("code",{children:"_app.js"}),"."]}),(0,a.jsx)(B.Z,{onAuth:()=>{alert("authorized")}})]})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(r.Z.Header,{children:"Currency Select Modal"}),(0,a.jsxs)(r.Z.Body,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{children:"\n<div style={{\n    'width': '100%',\n    'height': '40px',\n    'color': '#c9d8f5',\n    'backgroundColor': '#000a1f',\n    'display': 'flex',\n    'alignItems': 'center',\n    'padding': '0 1rem',\n}}>\n    Change Currency:&nbsp;<CurrencySelectModal className=\"d-inline\" />\n</div>\n                            "})}),(0,a.jsxs)("div",{style:{width:"100%",height:"40px",color:"#c9d8f5",backgroundColor:"#000a1f",display:"flex",alignItems:"center",padding:"0 1rem"},children:["Change Currency:\xa0",(0,a.jsx)(Z.Z,{className:"d-inline"})]})]})]})]})})};n.default=k},22336:function(e){e.exports={target:"CopyToClipboard_target__gKwn4",overlay:"CopyToClipboard_overlay__ZA3lq"}},34685:function(e){e.exports={modal:"BasicModal_modal__Ewkko",fade:"BasicModal_fade__8LynN",show:"BasicModal_show__3tKqD",modalDialog:"BasicModal_modalDialog__OGYwT",leftOffset:"BasicModal_leftOffset__n_Max",rightOffset:"BasicModal_rightOffset__LDvac",modalBackdrop:"BasicModal_modalBackdrop__ncMTT"}},62255:function(e,n,l){"use strict";l.d(n,{Z:function(){return Z}});var a=l(94184),o=l.n(a),s=l(67294),d=l(76792),r=l(75528),t=l(39602),i=l(85893);let c=s.forwardRef(({bsPrefix:e,className:n,variant:l,as:a="img",...s},r)=>{let t=(0,d.vE)(e,"card-img");return(0,i.jsx)(a,{ref:r,className:o()(l?`${t}-${l}`:t,n),...s})});c.displayName="CardImg";var h=l(53457);let m=(0,t.Z)("h5"),x=(0,t.Z)("h6"),u=(0,r.Z)("card-body"),p=(0,r.Z)("card-title",{Component:m}),j=(0,r.Z)("card-subtitle",{Component:x}),g=(0,r.Z)("card-link",{Component:"a"}),w=(0,r.Z)("card-text",{Component:"p"}),M=(0,r.Z)("card-footer"),f=(0,r.Z)("card-img-overlay"),B=s.forwardRef(({bsPrefix:e,className:n,bg:l,text:a,border:s,body:r,children:t,as:c="div",...h},m)=>{let x=(0,d.vE)(e,"card");return(0,i.jsx)(c,{ref:m,...h,className:o()(n,x,l&&`bg-${l}`,a&&`text-${a}`,s&&`border-${s}`),children:r?(0,i.jsx)(u,{children:t}):t})});B.displayName="Card",B.defaultProps={body:!1};var Z=Object.assign(B,{Img:c,Title:p,Subtitle:j,Body:u,Link:g,Text:w,Header:h.Z,Footer:M,ImgOverlay:f})},53457:function(e,n,l){"use strict";var a=l(94184),o=l.n(a),s=l(67294),d=l(76792),r=l(49059),t=l(85893);let i=s.forwardRef(({bsPrefix:e,className:n,as:l="div",...a},i)=>{let c=(0,d.vE)(e,"card-header"),h=(0,s.useMemo)(()=>({cardHeaderBsPrefix:c}),[c]);return(0,t.jsx)(r.Z.Provider,{value:h,children:(0,t.jsx)(l,{ref:i,...a,className:o()(n,c)})})});i.displayName="CardHeader",n.Z=i},99826:function(e){"use strict";e.exports=JSON.parse('{"a":[{"id":119226,"brandName":"King Gizzard & The Lizard Wizard","imageUrl":"https://img.merchbar.com/brand/square/king-gizzard-and-the-lizard-wizard.jpg","href":"#"},{"id":29182,"brandName":"Unknown Mortal Orchestra","imageUrl":"https://img.merchbar.com/brand/square/unknown-mortal-orchestra.jpg","href":"#"},{"id":792506,"brandName":"Sugar Candy Mountain","imageUrl":"https://img.merchbar.com/brand/square/sugar-candy-mountain.jpg","href":"#"},{"id":15569,"brandName":"Melody\'s Echo Chamber","imageUrl":"https://img.merchbar.com/brand/square/melody-s-echo-chamber.jpg","href":"#"},{"id":15569,"brandName":"JEFF The Brotherhood","imageUrl":"https://img.merchbar.com/brand/square/jeff-the-brotherhood.jpg","href":"#"}]}')}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=20808)}),_N_E=e.O()}]);