{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/xeLz8njcNzIpzmGTHLyg/DUyD6th7yKbhDwu2F7IR/Examples.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";// Learn more: https://www.framer.com/docs/guides/overrides/\nexport function withHero(Component){return props=>{return /*#__PURE__*/ _jsx(Component,{...props,id:\"Hero\"});};} // const useStore = createStore({\n //     background: \"#0099FF\",\n // })\n // export function withRotate(Component): ComponentType {\n //     return (props) => {\n //         return (\n //             <Component\n //                 {...props}\n //                 animate={{ rotate: 90 }}\n //                 transition={{ duration: 2 }}\n //             />\n //         )\n //     }\n // }\n // export function withHover(Component): ComponentType {\n //     return (props) => {\n //         return <Component {...props} whileHover={{ scale: 1.05 }} />\n //     }\n // }\n // export function withRandomColor(Component): ComponentType {\n //     return (props) => {\n //         const [store, setStore] = useStore()\n //         return (\n //             <Component\n //                 {...props}\n //                 animate={{\n //                     background: store.background,\n //                 }}\n //                 onClick={() => {\n //                     setStore({ background: randomColor() })\n //                 }}\n //             />\n //         )\n //     }\n // }\n\nexport const __FramerMetadata__ = {\"exports\":{\"withHero\":{\"type\":\"reactHoc\",\"name\":\"withHero\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],
  "mappings": "yCACO,SAASA,EAASC,EAAU,CAAC,OAAOC,GAA6BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,GAAG,MAAM,CAAC,CAAI",
  "names": ["withHero", "Component", "props", "p"]
}