component---src-pages-animations-js-59cd7277502ff8221e75.js

"use strict";(self.webpackChunkmy_gatsby_site=self.webpackChunkmy_gatsby_site||[]).push([[212],{9487:function(e,t,a){a.r(t),a.d(t,{default:function(){return h}});var l,n=a(7294),r=a(5186),i=a(4937),o=a(2432),s=a(1534),c=a(2003),m=a(1880),p=a(979),u=p.default.section.withConfig({displayName:"styled__AnimationsWrapper",componentId:"sc-11ap9k9-0"})(["",";display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto;gap:4rem;padding-top:4rem;padding-bottom:5rem;",""],(function(e){return e.theme.utils.container}),(function(e){return e.theme.utils.media.tablet(l||(l=(0,m.Z)(["\n    grid-template-columns: 1fr;\n  "])))})),f=p.default.div.withConfig({displayName:"styled__AnimationsFigure",componentId:"sc-11ap9k9-1"})([".a-perspective{position:fixed;top:200px;}"]),b=p.default.div.withConfig({displayName:"styled__AnimationsButtonsContainer",componentId:"sc-11ap9k9-2"})(["h3{margin-top:2.5rem;margin-bottom:1rem;color:#fff;font-family:",";padding-bottom:0.75rem;border-bottom:1px solid rgba(255,255,255,0.06);&:first-child{margin-top:0;}}"],(function(e){return e.theme.fonts.display})),d=[{label:"Bounce",classes:["a-dance","a-journal","a-pulse","a-pulse-slow","a-jamp","a-four-rock"]},{label:"Fading Entrances",classes:["a-flip-top","a-flip-left","a-flip-right","a-flip-bottom"]},{label:"Jello",classes:["a-jello-vertical","a-jello-horizontal"]},{label:"Rotate",classes:["a-rotate-flip-down","a-rotate-down-bounce","a-rotate-out"]},{label:"Agrecives",classes:["a-flash-bang","a-bomb"]},{label:"Perspective",classes:["a-flip-left-bounce","a-rotate-flip","a-flip-right-bounce","a-three-flip-right","a-three-flip-left","a-three-flip-up","a-three-flip-down"]},{label:"Wobble",classes:["a-wobble-bottom","a-wobble-top","a-wobble-left","a-wobble-right"]},{label:"Vibrate",classes:["a-vibrate-low","a-vibrate-medium","a-vibrate-high"]}];var g=function(){var e=(0,i.Z)(),t=e.title,a=e.description,l=(0,n.useState)(""),m=l[0],p=l[1];return n.createElement(n.Fragment,null,n.createElement(r.q,null,n.createElement("title",null,t," - animations examples"),n.createElement("meta",{name:"description",content:a}),n.createElement("meta",{property:"og:title",content:t+" - animations examples"}),n.createElement("meta",{property:"og:description",content:a})),n.createElement(u,null,n.createElement(b,null,d.map((function(e){var t=e.label,a=e.classes;return n.createElement(n.Fragment,null,n.createElement(s.Z,{as:"h3",variant:"h3",paragraph:!0},t),a.map((function(e){return n.createElement(o.Z,{onClick:function(){return p(e)},label:e})})))}))),n.createElement(f,null,n.createElement("div",{className:"a-perspective "+m},n.createElement(c.Z,null)))))},h=function(){return n.createElement(g,null)}}}]);
//# sourceMappingURL=component---src-pages-animations-js-59cd7277502ff8221e75.js.map