{"version":3,"file":"SimpleImage.B2FZhbTf.mjs","names":[],"sources":["https:/framerusercontent.com/modules/K8K9NESZphvsQiAUy0Gz/JYA6bcWIciQ0l37auSPC/SimpleImage.js"],"sourcesContent":["// Simple image display component with individual corner radius, position, shadow, border, and invert filter support\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * SimpleImage\n * Displays an image from an external URL with fit, individual corner radius, position, shadow, border, and invert filter options.\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function SimpleImage(props){const{imageUrl,alt,fit,borderRadius={topLeft:8,topRight:8,bottomRight:8,bottomLeft:8},position,style,containerShadow=\"none\",border}=props;const borderRadiusValue=`${borderRadius.topLeft}px ${borderRadius.topRight}px ${borderRadius.bottomRight}px ${borderRadius.bottomLeft}px`;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",boxShadow:containerShadow,borderRadius:borderRadiusValue,overflow:\"hidden\",position:\"relative\",...border||{},border:border?.borderWidth?`${border.borderWidth}px ${border.borderStyle||\"solid\"} ${border.borderColor||\"#222\"}`:undefined},children:/*#__PURE__*/_jsx(\"img\",{src:imageUrl,alt:alt,style:{...style,width:\"100%\",height:\"100%\",objectFit:fit,objectPosition:position,borderRadius:borderRadiusValue,display:\"block\",filter:style&&style.filter?style.filter:undefined}})});}addPropertyControls(SimpleImage,{imageUrl:{type:ControlType.String,title:\"Image URL\",defaultValue:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",placeholder:\"https://image-url.jpg\"},alt:{type:ControlType.String,title:\"Alt Text\",defaultValue:\"Example image\",placeholder:\"Description of image\"},fit:{type:ControlType.Enum,title:\"Fit\",options:[\"cover\",\"contain\"],optionTitles:[\"Cover\",\"Contain\"],defaultValue:\"cover\",displaySegmentedControl:true},borderRadius:{type:ControlType.Object,title:\"Corner Radius\",controls:{topLeft:{type:ControlType.Number,title:\"Top Left\",defaultValue:8,min:0,max:48},topRight:{type:ControlType.Number,title:\"Top Right\",defaultValue:8,min:0,max:48},bottomRight:{type:ControlType.Number,title:\"Bottom Right\",defaultValue:8,min:0,max:48},bottomLeft:{type:ControlType.Number,title:\"Bottom Left\",defaultValue:8,min:0,max:48}},defaultValue:{topLeft:8,topRight:8,bottomRight:8,bottomLeft:8}},position:{type:ControlType.Enum,title:\"Position\",options:[\"top left\",\"top center\",\"top right\",\"left\",\"center\",\"right\",\"bottom left\",\"bottom center\",\"bottom right\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Left\",\"Center\",\"Right\",\"Bottom Left\",\"Bottom Center\",\"Bottom Right\"],defaultValue:\"center\",displaySegmentedControl:false},containerShadow:{type:ControlType.BoxShadow,title:\"Container Shadow\",defaultValue:\"none\"},border:{type:ControlType.Border,title:\"Border\",defaultValue:{borderWidth:0,borderStyle:\"solid\",borderColor:\"#22222222\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SimpleImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SimpleImage.map"],"mappings":"6JAOG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,WAAS,MAAI,MAAI,eAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,EAAE,WAAS,QAAM,kBAAgB,OAAO,UAAQ,EAAY,EAAkB,GAAG,EAAa,QAAQ,KAAK,EAAa,SAAS,KAAK,EAAa,YAAY,KAAK,EAAa,WAAW,IAAI,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,EAAgB,aAAa,EAAkB,SAAS,SAAS,SAAS,WAAW,GAAG,GAAQ,CAAC,EAAE,OAAO,GAAQ,YAAY,GAAG,EAAO,YAAY,KAAK,EAAO,aAAa,QAAQ,GAAG,EAAO,aAAa,SAAS,IAAA,EAAS,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAa,MAAI,MAAM,CAAC,GAAG,EAAM,MAAM,OAAO,OAAO,OAAO,UAAU,EAAI,eAAe,EAAS,aAAa,EAAkB,QAAQ,QAAQ,OAAO,GAAO,EAAM,OAAO,EAAM,OAAO,IAAA,EAAS,CAAC,CAAC,CAAC,CAAC,CAAE,iBANlzB,IAAoD,EAM+vB,EAAoB,EAAY,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,sEAAsE,YAAY,uBAAuB,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,gBAAgB,YAAY,sBAAsB,EAAE,IAAI,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,QAAQ,CAAC,QAAQ,SAAS,EAAE,aAAa,CAAC,QAAQ,SAAS,EAAE,aAAa,QAAQ,wBAAwB,EAAI,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,WAAW,QAAQ,CAAC,WAAW,aAAa,YAAY,OAAO,SAAS,QAAQ,cAAc,gBAAgB,cAAc,EAAE,aAAa,CAAC,WAAW,aAAa,YAAY,OAAO,SAAS,QAAQ,cAAc,gBAAgB,cAAc,EAAE,aAAa,SAAS,wBAAwB,EAAK,EAAE,gBAAgB,CAAC,KAAK,EAAY,UAAU,MAAM,mBAAmB,aAAa,MAAM,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,CAAC,YAAY,EAAE,YAAY,QAAQ,YAAY,WAAW,CAAC,CAAC,CAAC"}