hamdi-portfolio/static/js/8.69626772.chunk.js

(this["webpackJsonphamdi-halleb"]=this["webpackJsonphamdi-halleb"]||[]).push([[8],{23:function(e,t,a){},30:function(e,t,a){"use strict";a.r(t);var l=a(4),n=a(0),r=a.n(n),i=a(2),o=a(5),d=(a(23),function(){var e=Object(i.c)({from:{left:"5%",width:"100%"},to:{left:"100%",width:"0%"},delay:700});return r.a.createElement("div",{id:"stat"},r.a.createElement("svg",{width:"400px",height:"40px",viewBox:"0 0 657 30",style:{position:"relative",zIndex:2}},r.a.createElement("g",{clipPath:"url(#clip)"},r.a.createElement("path",{d:"M630.75 30l-5.25-9h-98l-5.25 9h-17.5l-5.25-9h-96l-5.25 9h-17.5l-5.25-9h-96l-5.25 9h-17.5l-5.25-9h-96l-5.25 9h-17.5l-5.25-9h-96l-5.25 9H8.75L0 15 8.75 0h17.5l4.667 8h97.167l4.667-8h17.5l4.667 8h97.167l4.667-8h17.5l4.667 8h97.167l4.667-8h17.5l4.667 8h97.167l4.667-8h17.5l4.667 8h99.167l4.667-8h17.5l8.75 15-8.75 15z",fill:"#d8b269"}))),r.a.createElement(i.a.div,{style:{position:"relative",transform:"translateY(-108%)",left:e.left,width:e.width,height:"40px",backgroundColor:"#050a0d",zIndex:3}}))});t.default=function(){var e=Object(n.useContext)(o.a),t=e.current,a=e.previous,s="skills"===t,h=Object(i.d)(s,null,{from:{transform:"about"===a?"translateX(300%) translateY(0%)":"translateX(0%) translateY(-200%)",opacity:0},enter:{transform:"translateX(0%) translateY(0%)",opacity:1},leave:{transform:"about"===t?"translateX(300%) translateY(0%)":"translateX(0%) translateY(-200%)",opacity:0}}),m=Object(n.useState)([{id:1,name:"Graphic Design",tools:[{name:"Adobe Xd",id:1},{name:"Adobe Xd",id:2},{name:"Adobe Xd",id:3}],show:!0},{id:2,name:"Photography",tools:[{name:"Adobe Xd",id:1},{name:"Adobe Xd",id:2},{name:"Adobe Xd",id:3}],show:!1},{id:3,name:"Web and Mobile Development",tools:[{name:"Adobe Xd",id:1},{name:"Adobe Xd",id:2},{name:"Adobe Xd",id:3}],show:!1}]),c=Object(l.a)(m,1)[0],p=Object(i.d)(c,(function(e){return e.id}),{from:{opacity:0},enter:{opacity:1},leave:{opacity:0}});return r.a.createElement(r.a.Fragment,null,h.map((function(e){var t=e.item,a=e.key,l=e.props;return t&&r.a.createElement(i.a.div,{id:"skills",key:a,style:l},p.map((function(e){var a=e.item,l=a.show,n=a.name,o=a.tools,s=e.key,h=e.props;return t&&l&&r.a.createElement(i.a.div,{style:h,key:s},r.a.createElement("h2",{style:{display:"inline",color:"#f2f2f2",marginBottom:"20px"}},n),r.a.createElement("div",{id:"skill-stats"},o.map((function(e){var t=e.name,a=e.id;return r.a.createElement("div",{key:a},r.a.createElement("h4",{style:{color:"#f2f2f2",margin:"10px 0px"}},t),r.a.createElement(d,null))}))))})))})))}}}]);
//# sourceMappingURL=8.69626772.chunk.js.map