1"use strict";(self.webpackChunkgatsby_starter_blog=self.webpackChunkgatsby_starter_blog||[]).push([[6179],{6179:function(e,t,i){i.r(t),i.d(t,{default:function(){return g}});var n=i(9226),o=i(6867),r=i(6447),a=i(2658),s=i(7294),l=i(4596),p=i(3062),c=i(5949),m=i(5893),d=(0,c.Z)((0,m.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close"),u=i(98),h=i(8396),x=i(6302),b=i(3194);var g=e=>{let{onClose:t}=e;const i=(0,h.Z)(x.Z.breakpoints.down("md")),{subscription:c,subscribeHandler:m,inProgress:g,Alert:y}=(0,b.Z)(),f=()=>{localStorage.setItem("muhimasri_hide_subscription",""),t&&t()};c&&c.result&&setTimeout(f,3e3);const E=()=>i?{fontSize:"3",textAlign:"left",pr:4,"& > span":{fontSize:"5"}}:{fontSize:"5","& > span":{fontSize:"7"}};return s.createElement(n.Z,{sx:{...i?{width:"96%",left:"10px",height:"100px",bottom:0}:{bottom:20,right:20,width:390,height:"314px"},zIndex:9999,position:"fixed",backgroundColor:"#fff",animation:"500ms slideIn cubic-bezier(.35,.57,.4,.89)",boxShadow:5,borderRadius:e=>e.shape.borderRadiusLarge,"@keyframes slideIn":{from:{right:"-390px"},to:{right:"20px"}}}},s.createElement(o.Z,{onClick:f,sx:{position:"absolute",right:"3px",top:"3px",zIndex:3}},s.createElement(d,{sx:{fontSize:"6",color:e=>e.palette.grey[400]}})),s.createElement(n.Z,{component:"svg",viewBox:"0 0 390 314",width:"390",height:"314",xmlns:"http://www.w3.org/2000/svg",sx:{position:"absolute",zIndex:1,borderRadius:e=>e.shape.borderRadiusLarge}},s.createElement(n.Z,{d:"M334 314L319 305.3C304 296.7 274 279.3 260 261.8C246 244.3 248 226.7 254 209.2C260 191.7 270 174.3 282.8 157C295.7 139.7 311.3 122.3 316.3 104.8C321.3 87.3 315.7 69.7 301 52.2C286.3 34.7 262.7 17.3 250.8 8.7L239 0L390 0L390 8.7C390 17.3 390 34.7 390 52.2C390 69.7 390 87.3 390 104.8C390 122.3 390 139.7 390 157C390 174.3 390 191.7 390 209.2C390 226.7 390 244.3 390 261.8C390 279.3 390 296.7 390 305.3L390 314Z",fill:"#d6f2ea","stroke-linecap":"round","stroke-linejoin":"miter",component:"path"})),s.createElement(r.Z,{direction:"column",sx:{position:"absolute",zIndex:2,textAlign:"center",...i?{py:1,px:3}:{gap:4,py:5,px:6}}},s.createElement(a.Z,{sx:{display:{xs:"none",md:"initial"},fontFamily:e=>e.typography.fontFamilyLight,...E()}},s.createElement(a.Z,{component:"span"},"ð")," Enjoying the article? Subscribe to stay up-to-date and receive quality front-end development articles straight to your inbox!"),s.createElement(a.Z,{sx:{display:{xs:"initial",md:"none"},fontFamily:e=>e.typography.fontFamilyLight,...E()}},s.createElement(a.Z,{component:"span"},"ð")," Enjoying the article? Subscribe to recieve quality articles straight to your inbox!"),s.createElement("form",{onSubmit:m},s.createElement(r.Z,{gap:3,direction:{sm:"row",md:"column"}},s.createElement(p.Z,{size:"small",placeholder:"Email Address",type:"email",pill:!0,required:!0,opacity:.5,sx:{...i?{width:"70%"}:{width:"initial"}},iconLeft:s.createElement(u.Z,{sx:{color:"grey.200"}}),InputProps:{name:"emailInput"}}),s.createElement(l.Z,{variant:"contained",loading:g,type:"submit",pill:!0,sx:{...i?{width:"25%"}:{width:"initial"}}},"Subscribe"))),s.createElement(a.Z,{textAlign:"center",fontSize:"2",color:"grey.300"},"No spam, sales, or ads. Unsubscribe anytime you wish."),c?s.createElement(y,{sx:{position:"relative",top:{sm:"-78px",md:"-39px"}}}):null))}}}]); 2//# sourceMappingURL=6179-26b2e9b2a20ff2778ecb.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.