{"version":3,"file":"WithClass.DsBENGfq.mjs","names":[],"sources":["https:/framerusercontent.com/modules/dNFqxM0awKDDRcmyWwQo/kutqli5wbaKG7WVLsnVt/WithClass.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\";// Learn more: https://www.framer.com/developers/overrides/\nconst useStore=createStore({background:\"#0099FF\"});export function withClass(Component){return props=>{props.className+=\" claim-offer-btn\"// Remember to add a space\n;return /*#__PURE__*/_jsx(Component,{...props});};}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,whileHover:{scale:1.05}});};}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\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withClass\":{\"type\":\"reactHoc\",\"name\":\"withClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithClass.map"],"mappings":"mKACmD,SAAgB,EAAU,EAAU,CAAC,MAAO,KAAQ,EAAM,WAAW,mBACnG,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,mBAFJ,IAAqE,IAAqE,CACtK,EAAY,CAAC,WAAW,UAAU,CAAC"}