{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kjqbla47G7FUgsEtWoyE/YW2fdevW6fE0uJEo2OFM/Image.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";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 auto\n * @framerSupportedLayoutHeight auto\n */export default function Image(props){return /*#__PURE__*/_jsx(\"img\",{alt:\"image\",loading:\"lazy\",decoding:\"async\",style:containerStyle,src:props.imgSrc.src});}const containerStyle={width:\"100%\",height:\"auto\",borderRadius:4,flex:1};Image.defaultProps={imgSrc:{src:\"https://designtips.today/static/ea25b66c86177fb4bfdff5b95129f0e5/2b013/cover.jpg\"},color:\"#ddd\"};addPropertyControls(Image,{imgSrc:{title:\"src\",type:ControlType.ResponsiveImage},color:{title:\"color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Image\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image.map"],
  "mappings": "yDAQkB,SAARA,EAAuBC,EAAM,CAAC,OAAoBC,EAAK,MAAM,CAAC,IAAI,QAAQ,QAAQ,OAAO,SAAS,QAAQ,MAAMC,EAAe,IAAIF,EAAM,OAAO,GAAG,CAAC,CAAE,CAAC,IAAME,EAAe,CAAC,MAAM,OAAO,OAAO,OAAO,aAAa,EAAE,KAAK,CAAC,EAAEH,EAAM,aAAa,CAAC,OAAO,CAAC,IAAI,kFAAkF,EAAE,MAAM,MAAM,EAAEI,EAAoBJ,EAAM,CAAC,OAAO,CAAC,MAAM,MAAM,KAAKK,EAAY,eAAe,EAAE,MAAM,CAAC,MAAM,QAAQ,KAAKA,EAAY,KAAK,CAAC,CAAC",
  "names": ["Image", "props", "p", "containerStyle", "addPropertyControls", "ControlType"]
}