{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/2Xehbdnpvf0ofPbBM7sa/XJYdayjMfMdYTD1sUfP3/Image.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,useScroll,useTransform}from\"framer-motion\";import{RenderTarget}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n */export default function Image(props){const{image,borderRadius,style}=props;const imageSrc=image?.src||\"https://placehold.co/1920x1080\";const imageSrcSet=image?.srcSet;const alt=image?.alt||\"placeholder image\";const ref=useRef(null);const{scrollYProgress}=useScroll({target:ref,offset:[\"start end\",\"end start\"]});const translateY=useTransform(scrollYProgress,[0,1],[\"-5%\",\"5%\"]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;// Format the position correctly - object-position expects percentage or pixel values\nconst objectPositionX=image?.positionX?image.positionX:\"50%\";const objectPositionY=image?.positionY?image.positionY:\"50%\";return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...style,overflow:\"hidden\",borderRadius:borderRadius,pointerEvents:\"none\"},children:/*#__PURE__*/_jsx(motion.img,{src:imageSrc,srcSet:imageSrcSet,alt:alt,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition:`${objectPositionX} ${objectPositionY}`,display:\"block\",scale:1.1,y:isOnCanvas?0:translateY,pointerEvents:\"none\"}})});}// Property controls for the Framer UI\naddPropertyControls(Image,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:4,min:0,max:100,unit:\"px\",step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Image\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image.map"],
  "mappings": "4HAIkB,SAARA,EAAuBC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,aAAAC,EAAa,MAAAC,CAAK,EAAEH,EAAYI,EAASH,GAAO,KAAK,iCAAuCI,EAAYJ,GAAO,OAAaK,EAAIL,GAAO,KAAK,oBAA0BM,EAAIC,EAAO,IAAI,EAAO,CAAC,gBAAAC,CAAe,EAAEC,EAAU,CAAC,OAAOH,EAAI,OAAO,CAAC,YAAY,WAAW,CAAC,CAAC,EAAQI,EAAWC,EAAaH,EAAgB,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,EAAQI,EAAWC,EAAa,QAAQ,IAAIA,EAAa,OAC9aC,EAAgBd,GAAO,UAAUA,EAAM,UAAU,MAAYe,EAAgBf,GAAO,UAAUA,EAAM,UAAU,MAAM,OAAoBgB,EAAK,MAAM,CAAC,IAAIV,EAAI,MAAM,CAAC,GAAGJ,EAAM,SAAS,SAAS,aAAaD,EAAa,cAAc,MAAM,EAAE,SAAsBe,EAAKC,EAAO,IAAI,CAAC,IAAId,EAAS,OAAOC,EAAY,IAAIC,EAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,eAAe,GAAGS,CAAe,IAAIC,CAAe,GAAG,QAAQ,QAAQ,MAAM,IAAI,EAAEH,EAAW,EAAEF,EAAW,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,CAAE,CAC5fQ,EAAoBpB,EAAM,CAAC,MAAM,CAAC,KAAKqB,EAAY,gBAAgB,MAAM,OAAO,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC",
  "names": ["Image", "props", "image", "borderRadius", "style", "imageSrc", "imageSrcSet", "alt", "ref", "pe", "scrollYProgress", "useScroll", "translateY", "useTransform", "isOnCanvas", "RenderTarget", "objectPositionX", "objectPositionY", "p", "motion", "addPropertyControls", "ControlType"]
}