{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/hDZOrsEZ82B6GdKvObMk/tKlmGCys5eO7udUUuOmB/Button_Animation.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{randomColor}from\"https://framer.com/m/framer/utils.js@^0.9.0\";import{motion}from\"framer-motion\";// Learn more: https://www.framer.com/docs/guides/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withRotate(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,animate:{rotate:90},transition:{duration:2}});};}export function withHover(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,as:motion.div,whileHover:{scale:1.1,transition:{duration:.4,ease:\"easeOut\"}}});};}export function withRandomColor(Component){return props=>{const[store,setStore]=useStore();return /*#__PURE__*/_jsx(Component,{...props,animate:{background:store.background},onClick:()=>{setStore({background:randomColor()});}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button_Animation.map"],
  "mappings": "yFACA,IAAMA,EAASC,EAAY,CAAC,WAAW,SAAS,CAAC,EAA4J,SAASC,EAAUC,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,GAAGE,EAAO,IAAI,WAAW,CAAC,MAAM,IAAI,WAAW,CAAC,SAAS,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CAAI",
  "names": ["useStore", "createStore", "withHover", "Component", "props", "p", "motion"]
}