component---src-pages-habilidades-js-0d34dc42f07c0f801d2f.js.map

{"version":3,"sources":["webpack:///./src/images/react.svg","webpack:///./src/images/javascript.svg","webpack:///./src/images/html5.svg","webpack:///./src/images/css3.svg","webpack:///./src/images/svelte.svg","webpack:///./src/components/Skill.js","webpack:///./src/pages/habilidades.js"],"names":["module","exports","Skill","props","imgs","ReactJS","ReactIcon","Svelte","Html","HTML5","CSS","CSS3","Javascript","className","style","background","src","name","hasOwnProperty","getSrc","alt","Skills","data","lenguages","allLenguagesJson","edges","frameworks","allFrameworksJson","fadeIn","useSpring","opacity","from","lang","title","Layout","div","map","key","node"],"mappings":"8EAAAA,EAAOC,QAAU,0wD,0CCAjBD,EAAOC,QAAU,86C,mBCAjBD,EAAOC,QAAU,kqE,mBCAjBD,EAAOC,QAAU,kyC,mBCAjBD,EAAOC,QAAU,kxE,+MCuCFC,G,UA7BD,SAAAC,GACZ,IAAMC,EAAO,CACXC,QAASC,IACTC,OAAQA,IACRC,KAAMC,IACNC,IAAKC,IACLC,WAAYA,KASd,OACE,yBAAKC,UAAU,QAAQC,MAAO,CAAEC,WAAYZ,EAAMY,aAChD,yBAAKF,UAAU,eAAeC,MAAO,CAAEC,WAAYZ,EAAMY,aACvD,yBAAKF,UAAU,eACb,yBAAKG,IAVE,SAAAC,GACb,GAAIb,EAAKc,eAAeD,GACtB,OAAOb,EAAKa,GAQEE,CAAOhB,EAAMc,MAAOG,IAAKjB,EAAMc,SAG7C,yBAAKJ,UAAU,eACb,4BAAKV,EAAMc,U,UCyCJI,UAhEA,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACVC,EAAYD,EAAKE,iBAAiBC,MAClCC,EAAaJ,EAAKK,kBAAkBF,MACpCG,EAASC,YAAU,CACvBC,QAAS,EACTC,KAAM,CAAED,QAAS,KAEnB,OACE,oCACE,kBAAC,IAAD,CAAKE,KAAK,KAAKC,MAAM,gBAErB,kBAACC,EAAA,EAAD,KACE,kBAAC,IAASC,IAAV,CAAcrB,MAAOc,EAAQf,UAAU,UACrC,yCACA,yBAAKA,UAAU,oBACZU,EAAUa,KAAI,WAAWC,GAAS,IAAjBC,EAAgB,EAAhBA,KAChB,OACE,kBAAC,EAAD,CACED,IAAKA,EACLpB,KAAMqB,EAAKrB,KACXF,WAAYuB,EAAKvB,iBAKzB,sDACA,yBAAKF,UAAU,oBACZa,EAAWU,KAAI,WAAWC,GAAS,IAAjBC,EAAgB,EAAhBA,KACjB,OACE,kBAAC,EAAD,CACED,IAAKA,EACLpB,KAAMqB,EAAKrB,KACXF,WAAYuB,EAAKvB,sB","file":"component---src-pages-habilidades-js-0d34dc42f07c0f801d2f.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDMyIDMyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCguMDU2OTYgMCAwIC4wNTY5NiAuNjQ3NzQ0IDIuNDM4MjYpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgcj0iNTAuMTY3IiBjeT0iMjM3LjYyOCIgY3g9IjI2OS41MjkiIGZpbGw9IiMwMGQ4ZmYiLz48ZyBzdHJva2U9IiMwMGQ4ZmYiIHN0cm9rZS13aWR0aD0iMjQiPjxwYXRoIGQ9Ik0yNjkuNTMgMTM1LjYyOGM2Ny4zNTYgMCAxMjkuOTI4IDkuNjY1IDE3Ny4xMDcgMjUuOTA3IDU2Ljg0NCAxOS41NyA5MS43OTQgNDkuMjMzIDkxLjc5NCA3Ni4wOTMgMCAyNy45OS0zNy4wNCA1OS41MDMtOTguMDgzIDc5LjcyOC00Ni4xNSAxNS4yOS0xMDYuODggMjMuMjcyLTE3MC44MTggMjMuMjcyLTY1LjU1NCAwLTEyNy42My03LjQ5Mi0xNzQuMy0yMy40NC01OS4wNDYtMjAuMTgyLTk0LjYxLTUyLjEwMy05NC42MS03OS41NiAwLTI2LjY0MiAzMy4zNy01Ni4wNzYgODkuNDE1LTc1LjYxNiA0Ny4zNTUtMTYuNTEgMTExLjQ3Mi0yNi4zODQgMTc5LjQ4Ni0yNi4zODR6Ii8+PHBhdGggZD0iTTE4MC43MzYgMTg2LjkyMmMzMy42NS01OC4zNDggNzMuMjgtMTA3LjcyNCAxMTAuOTItMTQwLjQ4QzMzNy4wMDYgNi45NzYgMzgwLjE2My04LjQ4IDQwMy40MyA0LjkzN2MyNC4yNDggMTMuOTgzIDMzLjA0MiA2MS44MTQgMjAuMDY3IDEyNC43OTYtOS44IDQ3LjYxOC0zMy4yMzQgMTA0LjIxMi02NS4xNzYgMTU5LjYtMzIuNzUgNTYuNzg4LTcwLjI1IDEwNi44Mi0xMDcuMzc3IDEzOS4yNzItNDYuOTggNDEuMDY4LTkyLjQgNTUuOTMtMTE2LjE4NSA0Mi4yMTMtMjMuMDgtMTMuMy0zMS45MDYtNTYuOTItMjAuODM0LTExNS4yMzMgOS4zNTUtNDkuMjcgMzIuODMyLTEwOS43NDUgNjYuOC0xNjguNjY0eiIvPjxwYXRoIGQ9Ik0xODAuODIgMjg5LjQ4MkMxNDcuMDc1IDIzMS4yIDEyNC4xIDE3Mi4xOTUgMTE0LjUxIDEyMy4yMjdjLTExLjU0NC01OS0zLjM4Mi0xMDQuMTEgMTkuODY0LTExNy41NjYgMjQuMjI0LTE0LjAyNCA3MC4wNTUgMi4yNDQgMTE4LjE0IDQ0Ljk0IDM2LjM1NiAzMi4yOCA3My42ODggODAuODM3IDEwNS43MjMgMTM2LjE3MyAzMi44NDQgNTYuNzMzIDU3LjQ2IDExNC4yMSA2Ny4wMzYgMTYyLjU4MiAxMi4xMTcgNjEuMjEzIDIuMzEgMTA3Ljk4NC0yMS40NTMgMTIxLjc0LTIzLjA1NyAxMy4zNDgtNjUuMjUtLjc4NC0xMTAuMjQtMzkuNS0zOC4wMTMtMzIuNzEtNzguNjgyLTgzLjI1My0xMTIuNzYtMTQyLjExNXoiLz48L2c+PC9nPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAwIiBoZWlnaHQ9IjI1MDAiIHZpZXdCb3g9IjAgMCAxMDUyIDEwNTIiPjxwYXRoIGZpbGw9IiNmMGRiNGYiIGQ9Ik0wIDBoMTA1MnYxMDUySDB6Ii8+PHBhdGggZD0iTTk2NS45IDgwMS4xYy03LjctNDgtMzktODguMy0xMzEuNy0xMjUuOS0zMi4yLTE0LjgtNjguMS0yNS4zOTktNzguOC00OS44LTMuOC0xNC4yLTQuMy0yMi4yLTEuOS0zMC44IDYuOS0yNy45IDQwLjItMzYuNiA2Ni42LTI4LjYgMTcgNS43IDMzLjEgMTguODAxIDQyLjggMzkuNyA0NS40LTI5LjM5OSA0NS4zLTI5LjIgNzctNDkuMzk5LTExLjYtMTgtMTcuOC0yNi4zMDEtMjUuNC0zNC0yNy4zLTMwLjUtNjQuNS00Ni4yLTEyNC00NS0xMC4zIDEuMy0yMC42OTkgMi42OTktMzEgNC0yOS42OTkgNy41LTU4IDIzLjEtNzQuNiA0NC00OS44IDU2LjUtMzUuNiAxNTUuMzk5IDI1IDE5Ni4xIDU5LjcgNDQuOCAxNDcuNCA1NSAxNTguNiA5Ni45IDEwLjkgNTEuMy0zNy42OTkgNjcuODk5LTg2IDYyLTM1LjYtNy40LTU1LjM5OS0yNS41LTc2LjgtNTguNC0zOS4zOTkgMjIuOC0zOS4zOTkgMjIuOC03OS44OTkgNDYuMSA5LjYgMjEgMTkuNjk5IDMwLjUgMzUuOCA0OC43IDc2LjIgNzcuMyAyNjYuODk5IDczLjUgMzAxLjEtNDMuNSAxLjM5OS00LjAwMSAxMC42LTMwLjgwMSAzLjE5OS03Mi4xMDF6bS0zOTQtMzE3LjZoLTk4LjRjMCA4NS0uMzk5IDE2OS40LS4zOTkgMjU0LjQgMCA1NC4xIDIuOCAxMDMuNy02IDExOC45LTE0LjQgMjkuODk5LTUxLjcgMjYuMi02OC43IDIwLjM5OS0xNy4zLTguNS0yNi4xLTIwLjYtMzYuMy0zNy42OTktMi44LTQuOS00LjktOC43LTUuNjAxLTktMjYuNjk5IDE2LjMtNTMuMyAzMi42OTktODAgNDkgMTMuMzAxIDI3LjMgMzIuOSA1MSA1OCA2Ni4zOTkgMzcuNSAyMi41IDg3LjkgMjkuNCAxNDAuNjAxIDE3LjMgMzQuMy0xMCA2My44OTktMzAuNjk5IDc5LjM5OS02Mi4xOTkgMjIuNC00MS4zIDE3LjYtOTEuMyAxNy40LTE0Ni42LjUtOTAuMiAwLTE4MC40IDAtMjcwLjl6IiBmaWxsPSIjMzIzMzMwIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzcxIiBoZWlnaHQ9IjI1MDAiIHZpZXdCb3g9IjIyMS44MDcgODkuNDcgNDQwIDYyMS4wNjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMjIxLjgwNyA4OS40NyA0NDAgNjIxLjA2MSI+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSIgeD0iLTUlIiB5PSItNSUiPjxmZUZsb29kIGZsb29kLWNvbG9yPSIjMDAwIiByZXN1bHQ9ImZsb29kRmlsbCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz48ZmVDb21wb3NpdGUgaW49ImZsb29kRmlsbCIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImNvbG9yZWRBbHBoYSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iY29sb3JlZEFscGhhIiByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iOCIvPjxmZUNvbXBvc2l0ZSBpbj0iYmx1ciIgaW4yPSJTb3VyY2VHcmFwaGljIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9Im1hc2tlZE9mZnNldEJsdXIiLz48ZmVNZXJnZT48ZmVNZXJnZU5vZGUgaW49Im1hc2tlZE9mZnNldEJsdXIiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZTQ0ZDI2IiBkPSJNMjYxLjg0OSA2NjAuNjQ3bC00MC4wNDItNDQ5LjEyNWg0NDBsLTQwLjA4NiA0NDkuMDU0LTE4MC4xODQgNDkuOTU0eiIvPjxwYXRoIGZpbGw9IiNmMTY1MjkiIGQ9Ik00NDEuODA3IDY3Mi4zNDhsMTQ1LjU5Ni00MC4zNjcgMzQuMjU4LTM4My43MzVINDQxLjgwN3oiLz48cGF0aCBmaWxsPSIjZWJlYmViIiBkPSJNNDQxLjgwNyA0MTQuODJoLTcyLjg4OGwtNS4wMzUtNTYuNDA2aDc3LjkyM1YzMDMuMzNIMzAzLjY4M2wxLjMyIDE0Ljc3OCAxMy41MzggMTUxLjc5NGgxMjMuMjY2ek00NDEuODA3IDU1Ny44NzZsLS4yNDIuMDY2LTYxLjM0Ni0xNi41NjYtMy45MjItNDMuOTNoLTU1LjI5NGw3LjcxOCA4Ni40ODkgMTEyLjgzNCAzMS4zMjMuMjUyLS4wNzF6Ii8+PHBhdGggZD0iTTI2Mi43NDUgODkuNDdoMjcuOTkydjI3LjY1NmgyNS42MDZWODkuNDdoMjcuOTkzdjgzLjc1aC0yNy45OTN2LTI4LjA0NGgtMjUuNjA2djI4LjA0NGgtMjcuOTlsLS4wMDItODMuNzV6TTM4MS4xNDkgMTE3LjI0NGgtMjQuNjQyVjg5LjQ3SDQzMy44djI3Ljc3NGgtMjQuNjU0djU1Ljk3NkgzODEuMTV2LTU1Ljk3NmgtLjAwMXpNNDQ2LjA2NSA4OS40N2gyOS4xOWwxNy45NTUgMjkuNDI4IDE3LjkzOC0yOS40MjhoMjkuMnY4My43NWgtMjcuODgydi00MS41MTJsLTE5LjI1OSAyOS43NzhoLS40ODFsLTE5LjI3Mi0yOS43Nzh2NDEuNTEyaC0yNy4zOVY4OS40N3pNNTU0LjI3NyA4OS40N2gyOHY1Ni4wNjhoMzkuMzY4djI3LjY4MmgtNjcuMzY4Vjg5LjQ3eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00NDEuNjE3IDQxNC44MnY1NS4wODJoNjcuODNsLTYuMzk1IDcxLjQ0LTYxLjQzNSAxNi41OHY1Ny4zMDdsMTEyLjkyNC0zMS4yOTQuODI2LTkuMzA5IDEyLjk0Ni0xNDUuMDE0IDEuMzQ0LTE0Ljc5MmgtMTQuODQyek00NDEuNjE3IDMwMy4zM3Y1NS4wODRINTc0LjY3bDEuMTAzLTEyLjM4MiAyLjUxLTI3LjkyNCAxLjMxOC0xNC43Nzh6Ii8+PC9nPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc3MyIgaGVpZ2h0PSIyNTAwIiB2aWV3Qm94PSIwIDAgMjU2IDM2MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZD0iTTEyNy44NDQgMzYwLjA4OEwyMy42NjIgMzMxLjE2Ni40NDUgNzAuNzY2aDI1NS4xMWwtMjMuMjQxIDI2MC4zNi0xMDQuNDcgMjguOTYyeiIgZmlsbD0iIzI2NERFNCIvPjxwYXRoIGQ9Ik0yMTIuNDE3IDMxNC41NDdsMTkuODYtMjIyLjQ5SDEyOFYzMzcuOTVsODQuNDE3LTIzLjQwM3oiIGZpbGw9IiMyOTY1RjEiLz48cGF0aCBkPSJNNTMuNjY5IDE4OC42MzZsMi44NjIgMzEuOTM3SDEyOHYtMzEuOTM3SDUzLjY2OXpNNDcuOTE3IDEyMy45OTVsMi45MDMgMzEuOTM3SDEyOHYtMzEuOTM3SDQ3LjkxN3pNMTI4IDI3MS41OGwtLjE0LjAzNy0zNS41NjgtOS42MDQtMi4yNzQtMjUuNDcxaC0zMi4wNmw0LjQ3NCA1MC4xNDYgNjUuNDIxIDE4LjE2LjE0Ny0uMDRWMjcxLjU4eiIgZmlsbD0iI0VCRUJFQiIvPjxwYXRoIGQ9Ik02MC40ODQgMGgzOC42OHYxNi4xNzZINzYuNjZ2MTYuMTc2aDIyLjUwNnYxNi4xNzVINjAuNDg0VjB6TTEwNi45MDEgMGgzOC42ODF2MTQuMDY2aC0yMi41MDV2Mi44MTNoMjIuNTA1djMyLjM1MmgtMzguNjhWMzQuNDZoMjIuNTA1di0yLjgxM0gxMDYuOVYwek0xNTMuMzE5IDBIMTkydjE0LjA2NmgtMjIuNTA1djIuODEzSDE5MnYzMi4zNTJoLTM4LjY4MVYzNC40NmgyMi41MDV2LTIuODEzSDE1My4zMlYweiIvPjxwYXRoIGQ9Ik0yMDIuMTI3IDE4OC42MzZsNS43NjUtNjQuNjQxSDEyNy44OXYzMS45MzdoNDUuMDAybC0yLjkwNiAzMi43MDRIMTI3Ljg5djMxLjkzN2gzOS4zMjdsLTMuNzA4IDQxLjQyLTM1LjYyIDkuNjE0djMzLjIyNmw2NS40NzMtMTguMTQ1LjQ4LTUuMzk2IDcuNTA2LTg0LjA4Ljc3OS04LjU3NnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA5OC4xIDExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTguMSAxMTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkYzRTAwO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTkxLjgsMTUuNkM4MC45LTAuMSw1OS4yLTQuNyw0My42LDUuMkwxNi4xLDIyLjhDOC42LDI3LjUsMy40LDM1LjIsMS45LDQzLjljLTEuMyw3LjMtMC4yLDE0LjgsMy4zLDIxLjMKCWMtMi40LDMuNi00LDcuNi00LjcsMTEuOGMtMS42LDguOSwwLjUsMTguMSw1LjcsMjUuNGMxMSwxNS43LDMyLjYsMjAuMyw0OC4yLDEwLjRsMjcuNS0xNy41YzcuNS00LjcsMTIuNy0xMi40LDE0LjItMjEuMQoJYzEuMy03LjMsMC4yLTE0LjgtMy4zLTIxLjNjMi40LTMuNiw0LTcuNiw0LjctMTEuOEM5OS4yLDMyLjEsOTcuMSwyMi45LDkxLjgsMTUuNiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDAuOSwxMDMuOWMtOC45LDIuMy0xOC4yLTEuMi0yMy40LTguN2MtMy4yLTQuNC00LjQtOS45LTMuNS0xNS4zYzAuMi0wLjksMC40LTEuNywwLjYtMi42bDAuNS0xLjZsMS40LDEKCWMzLjMsMi40LDYuOSw0LjIsMTAuOCw1LjRsMSwwLjNsLTAuMSwxYy0wLjEsMS40LDAuMywyLjksMS4xLDQuMWMxLjYsMi4zLDQuNCwzLjQsNy4xLDIuN2MwLjYtMC4yLDEuMi0wLjQsMS43LTAuN0w2NS41LDcyCgljMS40LTAuOSwyLjMtMi4yLDIuNi0zLjhjMC4zLTEuNi0wLjEtMy4zLTEtNC42Yy0xLjYtMi4zLTQuNC0zLjMtNy4xLTIuNmMtMC42LDAuMi0xLjIsMC40LTEuNywwLjdsLTEwLjUsNi43CgljLTEuNywxLjEtMy42LDEuOS01LjYsMi40Yy04LjksMi4zLTE4LjItMS4yLTIzLjQtOC43Yy0zLjEtNC40LTQuNC05LjktMy40LTE1LjNjMC45LTUuMiw0LjEtOS45LDguNi0xMi43bDI3LjUtMTcuNQoJYzEuNy0xLjEsMy42LTEuOSw1LjYtMi41YzguOS0yLjMsMTguMiwxLjIsMjMuNCw4LjdjMy4yLDQuNCw0LjQsOS45LDMuNSwxNS4zYy0wLjIsMC45LTAuNCwxLjctMC43LDIuNmwtMC41LDEuNmwtMS40LTEKCWMtMy4zLTIuNC02LjktNC4yLTEwLjgtNS40bC0xLTAuM2wwLjEtMWMwLjEtMS40LTAuMy0yLjktMS4xLTQuMWMtMS42LTIuMy00LjQtMy4zLTcuMS0yLjZjLTAuNiwwLjItMS4yLDAuNC0xLjcsMC43TDMyLjQsNDYuMQoJYy0xLjQsMC45LTIuMywyLjItMi42LDMuOHMwLjEsMy4zLDEsNC42YzEuNiwyLjMsNC40LDMuMyw3LjEsMi42YzAuNi0wLjIsMS4yLTAuNCwxLjctMC43bDEwLjUtNi43YzEuNy0xLjEsMy42LTEuOSw1LjYtMi41CgljOC45LTIuMywxOC4yLDEuMiwyMy40LDguN2MzLjIsNC40LDQuNCw5LjksMy41LDE1LjNjLTAuOSw1LjItNC4xLDkuOS04LjYsMTIuN2wtMjcuNSwxNy41QzQ0LjgsMTAyLjUsNDIuOSwxMDMuMyw0MC45LDEwMy45Ii8+Cjwvc3ZnPgo=\"","import React from \"react\"\n\nimport ReactIcon from \"../images/react.svg\"\nimport Svelte from \"../images/svelte.svg\"\nimport CSS3 from \"../images/css3.svg\"\nimport HTML5 from \"../images/html5.svg\"\nimport Javascript from \"../images/javascript.svg\"\n\nimport \"../css/components/Skill.css\"\n\nconst Skill = props => {\n  const imgs = {\n    ReactJS: ReactIcon,\n    Svelte: Svelte,\n    Html: HTML5,\n    CSS: CSS3,\n    Javascript: Javascript,\n  }\n\n  const getSrc = name => {\n    if (imgs.hasOwnProperty(name)) {\n      return imgs[name]\n    }\n  }\n\n  return (\n    <div className=\"Skill\" style={{ background: props.background }}>\n      <div className=\"Skill-header\" style={{ background: props.background }}>\n        <div className=\"Skill-image\">\n          <img src={getSrc(props.name)} alt={props.name} />\n        </div>\n      </div>\n      <div className=\"Skill-title\">\n        <h2>{props.name}</h2>\n      </div>\n    </div>\n  )\n}\n\nexport default Skill\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { useSpring, animated } from \"react-spring\"\n\nimport SEO from \"../components/Seo.js\"\nimport Layout from \"../components/Layout.js\"\nimport Skill from \"../components/Skill.js\"\n\nimport \"../css/pages/Skills.css\"\n\nconst Skills = ({ data }) => {\n  const lenguages = data.allLenguagesJson.edges\n  const frameworks = data.allFrameworksJson.edges\n  const fadeIn = useSpring({\n    opacity: 1,\n    from: { opacity: 0 },\n  })\n  return (\n    <>\n      <SEO lang=\"es\" title=\"Habilidades\" />\n\n      <Layout>\n        <animated.div style={fadeIn} className=\"Skills\">\n          <h1>Lenguajes</h1>\n          <div className=\"Skills-container\">\n            {lenguages.map(({ node }, key) => {\n              return (\n                <Skill\n                  key={key}\n                  name={node.name}\n                  background={node.background}\n                />\n              )\n            })}\n          </div>\n          <h1>Frameworks y Librerias</h1>\n          <div className=\"Skills-container\">\n            {frameworks.map(({ node }, key) => {\n              return (\n                <Skill\n                  key={key}\n                  name={node.name}\n                  background={node.background}\n                />\n              )\n            })}\n          </div>\n        </animated.div>\n      </Layout>\n    </>\n  )\n}\n\nexport const query = graphql`\n  {\n    allLenguagesJson {\n      edges {\n        node {\n          background\n          name\n        }\n      }\n    }\n    allFrameworksJson {\n      edges {\n        node {\n          background\n          name\n        }\n      }\n    }\n  }\n`\n\nexport default Skills\n"],"sourceRoot":""}