{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/Example.js@^1.0.0"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";// Welcome to Code in Framer\n// Get Started: https://www.framer.com/docs/guides/\n/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/docs/guides/auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function Example(props){const{tint,style}=props;const[active,setActive]=useState(false);return(/*#__PURE__*/ _jsx(motion.div,{style:{...style,...containerStyle},children:/*#__PURE__*/ _jsx(motion.div,{onTap:()=>setActive(!active),style:{margin:50,padding:75,borderRadius:30,backgroundColor:tint},whileHover:{rotate:90},animate:{scale:active?1.25:1}})}));};Example.defaultProps={tint:\"#09F\"};addPropertyControls(Example,{tint:{title:\"Tint\",type:ControlType.Color}});const containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Example\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Example.map"],
  "mappings": "uGAQmB,SAARA,EAAyBC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,MAAAC,CAAK,EAAEF,EAAW,CAACG,EAAOC,CAAS,EAAEC,EAAS,EAAK,EAAE,OAAqBC,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,GAAGL,EAAM,GAAGM,CAAc,EAAE,SAAuBF,EAAKC,EAAO,IAAI,CAAC,MAAM,IAAIH,EAAU,CAACD,CAAM,EAAE,MAAM,CAAC,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgBF,CAAI,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,QAAQ,CAAC,MAAME,EAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAG,CAAEJ,EAAQ,aAAa,CAAC,KAAK,MAAM,EAAEU,EAAoBV,EAAQ,CAAC,KAAK,CAAC,MAAM,OAAO,KAAKW,EAAY,KAAK,CAAC,CAAC,EAAE,IAAMF,EAAe,CAAC,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ",
  "names": ["Example", "props", "tint", "style", "active", "setActive", "ye", "p", "motion", "containerStyle", "addPropertyControls", "ControlType"]
}