{"version":3,"file":"Card.BawAwQBz.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/tRQ6Lk1VaALWkz0MzfLI/jGRapOXrlcb6AayIkwtk/Card.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useLayoutEffect,useRef}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function Card(props){const[windowWidth,setWindowWidth]=useState(window?window.innerWidth:0);const timerRef=useRef();useLayoutEffect(()=>{const updateSize=()=>{window.clearTimeout(timerRef.current);timerRef.current=window.setTimeout(()=>setWindowWidth(window.innerWidth),500);};window.addEventListener(\"resize\",updateSize);return()=>{window.removeEventListener(\"resize\",updateSize);window.clearTimeout(timerRef.current);};},[]);const style={height:\"100px\",width:Math.max((windowWidth-Math.min(windowWidth,1150))/2-30,0)};return /*#__PURE__*/_jsx(\"div\",{style:style});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Card\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Card.map"],"mappings":"8IAMG,SAAwB,EAAK,EAAM,CAAC,GAAK,CAAC,EAAY,GAAgBA,EAAS,EAAO,EAAO,WAAW,EAAE,CAAO,EAASC,GAAQ,CAAqZ,OAApZ,MAAoB,CAAC,IAAM,MAAe,CAAC,EAAO,aAAa,EAAS,QAAQ,CAAC,EAAS,QAAQ,EAAO,eAAe,EAAe,EAAO,WAAW,CAAC,IAAI,EAAgD,OAA7C,EAAO,iBAAiB,SAAS,EAAW,KAAW,CAAC,EAAO,oBAAoB,SAAS,EAAW,CAAC,EAAO,aAAa,EAAS,QAAQ,GAAK,EAAE,CAAC,CAAkH,EAAK,MAAM,CAAC,MAAjH,CAAC,OAAO,QAAQ,MAAM,KAAK,KAAK,EAAY,KAAK,IAAI,EAAY,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,CAA6C,CAAC,sBAN5hB,IAAmD"}