https://talbloodaid.org/_next/static/chunks/0m.uikykqbtaw.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,140671,e=>{"use strict";var t=e.i(912678);e.s(["default",0,function(e){let{theme:l,name:i,props:a}=e;return l&&l.components&&l.components[i]&&l.components[i].defaultProps?(0,t.default)(l.components[i].defaultProps,a):a}])},757022,e=>{"use strict";var t=e.i(140671),l=e.i(419389);e.s(["default",0,function({props:e,name:i,defaultTheme:a,themeId:o}){let s=(0,l.default)(a);return o&&(s=s[o]||s),(0,t.default)({theme:s,name:i,props:e})}])},648604,e=>{"use strict";e.i(247167);var t=e.i(931067),l=e.i(915874),i=e.i(15400),a=e.i(576423),o=e.i(357473),s=e.i(869941);let d=["ownerState"],n=["variants"],r=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function c(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}function u(e,t){return t&&e&&"object"==typeof e&&e.styles&&!e.styles.startsWith("@layer")&&(e.styles=`@layer ${t}{${String(e.styles)}}`),e}let m=(0,o.default)();function p({defaultTheme:e,theme:t,themeId:l}){return 0===Object.keys(t).length?e:t[l]||t}function f(e,a,o){let{ownerState:s}=a,r=(0,l.default)(a,d),c="function"==typeof e?e((0,t.default)({ownerState:s},r)):e;if(Array.isArray(c))return c.flatMap(e=>f(e,(0,t.default)({ownerState:s},r),o));if(c&&"object"==typeof c&&Array.isArray(c.variants)){let{variants:e=[]}=c,a=(0,l.default)(c,n);return e.forEach(e=>{let l=!0;if("function"==typeof e.props?l=e.props((0,t.default)({ownerState:s},r,s)):Object.keys(e.props).forEach(t=>{(null==s?void 0:s[t])!==e.props[t]&&r[t]!==e.props[t]&&(l=!1)}),l){Array.isArray(a)||(a=[a]);let l="function"==typeof e.style?e.style((0,t.default)({ownerState:s},r,s)):e.style;a.push(o?u((0,i.internal_serializeStyles)(l),o):l)}}),a}return o?u((0,i.internal_serializeStyles)(c),o):c}let h=function(e={}){let{themeId:o,defaultTheme:d=m,rootShouldForwardProp:n=c,slotShouldForwardProp:u=c}=e,h=e=>(0,s.default)((0,t.default)({},e,{theme:p((0,t.default)({},e,{defaultTheme:d,themeId:o}))}));return h.__mui_systemSx=!0,(e,s={})=>{var m;let _;(0,i.internal_processStyles)(e,e=>e.filter(e=>!(null!=e&&e.__mui_systemSx)));let{name:b,slot:A,skipVariantsResolver:y,skipSx:B,overridesResolver:v=!(m=!A?A:A.charAt(0).toLowerCase()+A.slice(1))?null:(e,t)=>t[m]}=s,x=(0,l.default)(s,r),g=b&&b.startsWith("Mui")||A?"components":"custom",C=void 0!==y?y:A&&"Root"!==A&&"root"!==A||!1,S=B||!1,j=c;"Root"===A||"root"===A?j=n:A?j=u:"string"==typeof e&&e.charCodeAt(0)>96&&(j=void 0);let R=(0,i.default)(e,(0,t.default)({shouldForwardProp:j,label:_},x)),O=e=>"function"==typeof e&&e.__emotion_real!==e||(0,a.isPlainObject)(e)?l=>{let i=p({theme:l.theme,defaultTheme:d,themeId:o});return f(e,(0,t.default)({},l,{theme:i}),i.modularCssLayers?g:void 0)}:e,q=(l,...i)=>{let a=O(l),s=i?i.map(O):[];b&&v&&s.push(e=>{let l=p((0,t.default)({},e,{defaultTheme:d,themeId:o}));if(!l.components||!l.components[b]||!l.components[b].styleOverrides)return null;let i=l.components[b].styleOverrides,a={};return Object.entries(i).forEach(([i,o])=>{a[i]=f(o,(0,t.default)({},e,{theme:l}),l.modularCssLayers?"theme":void 0)}),v(e,a)}),b&&!C&&s.push(e=>{var l;let i=p((0,t.default)({},e,{defaultTheme:d,themeId:o}));return f({variants:null==i||null==(l=i.components)||null==(l=l[b])?void 0:l.variants},(0,t.default)({},e,{theme:i}),i.modularCssLayers?"theme":void 0)}),S||s.push(h);let n=s.length-i.length;if(Array.isArray(l)&&n>0){let e=Array(n).fill("");(a=[...l,...e]).raw=[...l.raw,...e]}let r=R(a,...s);return e.muiName&&(r.muiName=e.muiName),r};return R.withConfig&&(q.withConfig=R.withConfig),q}}();e.s(["default",0,h],648604)},154526,e=>{"use strict";e.i(247167);var t=e.i(915874),l=e.i(931067),i=e.i(271645),a=e.i(207670),o=e.i(319727),s=e.i(519130),d=e.i(585661),n=e.i(757022),r=e.i(648604),c=e.i(357473),u=e.i(843476);let m=["className","component","disableGutters","fixed","maxWidth","classes"],p=(0,c.default)(),f=(0,r.default)("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:l}=e;return[t.root,t[`maxWidth${(0,d.default)(String(l.maxWidth))}`],l.fixed&&t.fixed,l.disableGutters&&t.disableGutters]}}),h=e=>(0,n.default)({props:e,name:"MuiContainer",defaultTheme:p});var _=e.i(390290),b=e.i(190059),A=e.i(699844);let y=function(e={}){let{createStyledComponent:n=f,useThemeProps:r=h,componentName:c="MuiContainer"}=e,p=n(({theme:e,ownerState:t})=>(0,l.default)({width:"100%",marginLeft:"auto",boxSizing:"border-box",marginRight:"auto",display:"block"},!t.disableGutters&&{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}),({theme:e,ownerState:t})=>t.fixed&&Object.keys(e.breakpoints.values).reduce((t,l)=>{let i=e.breakpoints.values[l];return 0!==i&&(t[e.breakpoints.up(l)]={maxWidth:`${i}${e.breakpoints.unit}`}),t},{}),({theme:e,ownerState:t})=>(0,l.default)({},"xs"===t.maxWidth&&{[e.breakpoints.up("xs")]:{maxWidth:Math.max(e.breakpoints.values.xs,444)}},t.maxWidth&&"xs"!==t.maxWidth&&{[e.breakpoints.up(t.maxWidth)]:{maxWidth:`${e.breakpoints.values[t.maxWidth]}${e.breakpoints.unit}`}}));return i.forwardRef(function(e,i){let n=r(e),{className:f,component:h="div",disableGutters:_=!1,fixed:b=!1,maxWidth:A="lg"}=n,y=(0,t.default)(n,m),B=(0,l.default)({},n,{component:h,disableGutters:_,fixed:b,maxWidth:A}),v=((e,t)=>{let{classes:l,fixed:i,disableGutters:a,maxWidth:n}=e,r={root:["root",n&&`maxWidth${(0,d.default)(String(n))}`,i&&"fixed",a&&"disableGutters"]};return(0,s.default)(r,e=>(0,o.default)(t,e),l)})(B,c);

1return(0,u.jsx)(p,(0,l.default)({as:h,ownerState:B,className:(0,a.default)(v.root,f),ref:i},y))})}({createStyledComponent:(0,b.default)("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:l}=e;return[t.root,t[`maxWidth${(0,_.default)(String(l.maxWidth))}`],l.fixed&&t.fixed,l.disableGutters&&t.disableGutters]}}),useThemeProps:e=>(0,A.useDefaultProps)({props:e,name:"MuiContainer"})});e.s(["default",0,y],154526)},257172,e=>{"use strict";var t=e.i(154526);e.s(["Container",()=>t.default])},987368,e=>{e.q("/_next/static/media/comp-blood.07fl94l2jf8ox.png")},262645,e=>{e.v({badge:"BloodCompatibilitySection-module-scss-module__ln78lq__badge",badgeGreen:"BloodCompatibilitySection-module-scss-module__ln78lq__badgeGreen",badgeRed:"BloodCompatibilitySection-module-scss-module__ln78lq__badgeRed",card:"BloodCompatibilitySection-module-scss-module__ln78lq__card",cardSubtitle:"BloodCompatibilitySection-module-scss-module__ln78lq__cardSubtitle",cardTitleGreen:"BloodCompatibilitySection-module-scss-module__ln78lq__cardTitleGreen",cardTitleRed:"BloodCompatibilitySection-module-scss-module__ln78lq__cardTitleRed",centerWrap:"BloodCompatibilitySection-module-scss-module__ln78lq__centerWrap",chip:"BloodCompatibilitySection-module-scss-module__ln78lq__chip",chipDark:"BloodCompatibilitySection-module-scss-module__ln78lq__chipDark",chipGreen:"BloodCompatibilitySection-module-scss-module__ln78lq__chipGreen",chipPop:"BloodCompatibilitySection-module-scss-module__ln78lq__chipPop",chipRow:"BloodCompatibilitySection-module-scss-module__ln78lq__chipRow",compatWrap:"BloodCompatibilitySection-module-scss-module__ln78lq__compatWrap",disclaimer:"BloodCompatibilitySection-module-scss-module__ln78lq__disclaimer",dropIcon:"BloodCompatibilitySection-module-scss-module__ln78lq__dropIcon",dropLabel:"BloodCompatibilitySection-module-scss-module__ln78lq__dropLabel",dropText:"BloodCompatibilitySection-module-scss-module__ln78lq__dropText",dropWrap:"BloodCompatibilitySection-module-scss-module__ln78lq__dropWrap",fadeScaleIn:"BloodCompatibilitySection-module-scss-module__ln78lq__fadeScaleIn",groupBtn:"BloodCompatibilitySection-module-scss-module__ln78lq__groupBtn",groupBtnActive:"BloodCompatibilitySection-module-scss-module__ln78lq__groupBtnActive",header:"BloodCompatibilitySection-module-scss-module__ln78lq__header",heading:"BloodCompatibilitySection-module-scss-module__ln78lq__heading",section:"BloodCompatibilitySection-module-scss-module__ln78lq__section",selector:"BloodCompatibilitySection-module-scss-module__ln78lq__selector",subheading:"BloodCompatibilitySection-module-scss-module__ln78lq__subheading"})},57246,e=>{"use strict";var t=e.i(843476),l=e.i(271645),i=e.i(257172),a=e.i(369620),o=e.i(511152),s=e.i(262645),d=e.i(657688);let n={src:e.i(987368).default,width:154,height:202,blurWidth:6,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAv0lEQVR42iWJOwrCQBRFXyCTIlW+RZKZiSIm2YdgJ+5E7AQFQRvBxsJVhIBgYaGFplARQxBXIcROBJvIOBMf78C95wLwUyRJ6WvauKdpI8SzcCDxb6tq90zI80RI0VLVjnBQR6iZuG5+930miB0n8xFqwNAwlnkUlbcwZDmlLKO0HOj6AnYYF1kUsWsQsAsfBFvPe8AB48+RlwpCKvYYv2Fu22sevikX6V+WM8taQQ2hcGqaycbzXoKJacZUloMfrLtDRZIJtYQAAAAASUVORK5CYII="},r=["O-","O+","A-","A+","B-","B+","AB-","AB+"],c={"O-":{receive:["O-"],donate:["O-","O+","A-","A+","B-","B+","AB-","AB+"]},"O+":{receive:["O-","O+"],donate:["O+","A+","B+","AB+"]},"A-":{receive:["A-","O-"],donate:["A-","A+","AB-","AB+"]},"A+":{receive:["A+","A-","O+","O-"],donate:["A+","AB+"]},"B-":{receive:["B-","O-"],donate:["B-","B+","AB-","AB+"]},"B+":{receive:["B+","B-","O+","O-"],donate:["B+","AB+"]},"AB-":{receive:["AB-","A-","B-","O-"],donate:["AB-","AB+"]},"AB+":{receive:["O-","O+","A-","A+","B-","B+","AB-","AB+"],donate:["AB+"]}},u=({value:e,duration:i=400})=>{let[a,o]=(0,l.useState)(e);return(0,l.useEffect)(()=>{let t,l=e-a;if(0===l)return;let s=performance.now(),d=e=>{let n=Math.min((e-s)/i,1);o(Math.round(a+l*n)),n<1&&(t=requestAnimationFrame(d))};return t=requestAnimationFrame(d),()=>t&&cancelAnimationFrame(t)},[e]),(0,t.jsx)(t.Fragment,{children:a})};e.s(["default",0,()=>{let[e,m]=(0,l.useState)("O+"),p=c[e];return(0,t.jsx)("section",{className:s.default.section,children:(0,t.jsxs)(i.Container,{children:[(0,t.jsxs)("div",{className:s.default.header,children:[(0,t.jsx)("h2",{className:s.default.heading,children:"Know Who Can Donate to You"}),(0,t.jsx)("p",{className:s.default.subheading,children:"Select a blood type to instantly see who can donate to you and who you can donate to."})]}),(0,t.jsx)("div",{className:s.default.selector,role:"radiogroup","aria-label":"Select a blood group",children:r.map(l=>(0,t.jsx)("button",{type:"button",role:"radio","aria-checked":e===l,"aria-label":`Blood group ${l}`,className:`${s.default.groupBtn} ${e===l?s.default.groupBtnActive:""}`,onClick:()=>m(l),children:l},l))}),(0,t.jsxs)("div",{className:s.default.compatWrap,children:[(0,t.jsxs)("div",{className:s.default.card,children:[(0,t.jsx)("h3",{className:s.default.cardTitleGreen,children:"Can Receive From"}),(0,t.jsxs)("p",{className:s.default.cardSubtitle,children:["People with ",e," blood can receive from:"]}),(0,t.jsx)("div",{className:s.default.chipRow,children:p.receive.map((e,l)=>(0,t.jsx)("span",{className:s.default.chipGreen,style:{animationDelay:`${60*l}ms`},children:e},e))},`receive-${e}`),(0,t.jsxs)("div",{className:s.default.badgeGreen,children:[(0,t.jsx)(a.IoCheckmarkCircle,{}),(0,t.jsx)(u,{value:p.receive.length})," compatible donor type",1===p.receive.length?"":"s"]})]}),(0,t.jsxs)("div",{className:s.default.centerWrap,children:[(0,t.jsxs)("div",{className:s.default.dropWrap,children:[(0,t.jsx)(d.default,{src:n,alt:"Blood drop icon",className:s.default.dropIcon}),(0,t.jsx)("span",{className:s.default.dropText,children:e})]},e),(0,t.jsx)("p",{className:s.default.dropLabel,children:"Selected blood group"})]}),(0,t.jsxs)("div",{className:s.default.card,children:[(0,t.jsx)("h3",{className:s.default.cardTitleRed,children:"Can Donate To"}),(0,t.jsxs)("p",{className:s.default.cardSubtitle,children:["People with ",e," blood can donate to:"]}),(0,t.jsx)("div",{className:s.default.chipRow,children:p.donate.map((e,l)=>(0,t.jsx)("span",{className:s.default.chipDark,style:{animationDelay:`${60*l}ms`},children:e},e))},`donate-${e}`),(0,t.jsxs)("div",{className:s.default.badgeRed,children:[(0,t.jsx)(o.FaHeart,{}),(0,t.jsx)(u,{value:p.donate.length})," compatible recipient type",1===p.donate.length?"":"s"]})]})]}),(0,t.jsx)("p",{className:s.default.disclaimer,children:"Compatibility is based on standard blood transfusion guidelines. Always consult healthcare professionals in critical situations."})]})})}],57246)},646254,e=>{e.n(e.i(57246))}]);