{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Z3V9iRrxkQDIMpBj8Zx9/RL1I0Jhz5soiXLK1nUsW/NaturalSizeImage.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType,addPropertyControls}from\"framer\";import{useEffect,useRef,useState}from\"react\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function NaturalSizeImage(props){const imgRef=useRef(null);const[dimensions,setDimensions]=useState({width:\"auto\",height:\"auto\"});useEffect(()=>{const updateDimensions=()=>{if(imgRef.current){setDimensions({width:imgRef.current.naturalWidth,height:imgRef.current.naturalHeight});}};const imgElement=imgRef.current;if(imgElement){if(imgElement.complete){updateDimensions();}else{imgElement.onload=updateDimensions;}}},[props.image]);return /*#__PURE__*/_jsx(\"img\",{ref:imgRef,src:props.image,style:{width:dimensions.width,height:dimensions.height}});}addPropertyControls(NaturalSizeImage,{image:{type:ControlType.Image}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NaturalSizeImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NaturalSizeImage.map"],
  "mappings": "8GAGkB,SAARA,EAAkCC,EAAM,CAAC,IAAMC,EAAOC,EAAO,IAAI,EAAO,CAACC,EAAWC,CAAa,EAAEC,EAAS,CAAC,MAAM,OAAO,OAAO,MAAM,CAAC,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAiB,IAAI,CAAIN,EAAO,SAASG,EAAc,CAAC,MAAMH,EAAO,QAAQ,aAAa,OAAOA,EAAO,QAAQ,aAAa,CAAC,CAAG,EAAQO,EAAWP,EAAO,QAAWO,IAAeA,EAAW,SAAUD,EAAiB,EAAQC,EAAW,OAAOD,EAAmB,EAAE,CAACP,EAAM,KAAK,CAAC,EAAsBS,EAAK,MAAM,CAAC,IAAIR,EAAO,IAAID,EAAM,MAAM,MAAM,CAAC,MAAMG,EAAW,MAAM,OAAOA,EAAW,MAAM,CAAC,CAAC,CAAE,CAACO,EAAoBX,EAAiB,CAAC,MAAM,CAAC,KAAKY,EAAY,KAAK,CAAC,CAAC",
  "names": ["NaturalSizeImage", "props", "imgRef", "pe", "dimensions", "setDimensions", "ye", "ue", "updateDimensions", "imgElement", "p", "addPropertyControls", "ControlType"]
}
