{"version":3,"file":"FrameWithImagePosition.CSR80SO9.mjs","names":[],"sources":["https:/framerusercontent.com/modules/EkFwo4aSIElLCMzwBsSR/jjX7Qs5gz8rCEaVWOHXk/FrameWithImagePosition.js"],"sourcesContent":["// Frame component with configurable image position that can be connected to CMS variables\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * \n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function FrameWithImagePosition(props){const{image={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Gradient 1 - Blue\"},imagePosition=\"center\",backgroundColor,borderRadius,style}=props;const getBackgroundPosition=position=>{const positionMap={topLeft:\"left top\",topCenter:\"center top\",topRight:\"right top\",left:\"left center\",center:\"center center\",right:\"right center\",bottomLeft:\"left bottom\",bottomCenter:\"center bottom\",bottomRight:\"right bottom\"};return positionMap[position];};return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,backgroundImage:`url(${image.src})`,backgroundSize:\"cover\",backgroundPosition:getBackgroundPosition(imagePosition),backgroundRepeat:\"no-repeat\",borderRadius,overflow:\"hidden\"}});}addPropertyControls(FrameWithImagePosition,{image:{type:ControlType.ResponsiveImage,title:\"Image\"},imagePosition:{type:ControlType.Enum,title:\"Image Position\",options:[\"topLeft\",\"topCenter\",\"topRight\",\"left\",\"center\",\"right\",\"bottomLeft\",\"bottomCenter\",\"bottomRight\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Left\",\"Center\",\"Right\",\"Bottom Left\",\"Bottom Center\",\"Bottom Right\"],defaultValue:\"center\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},borderRadius:{type:ControlType.BorderRadius,title:\"Radius\",defaultValue:\"0px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameWithImagePosition\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"200\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FrameWithImagePosition.map"],"mappings":"6JAOG,SAAwB,EAAuB,EAAM,CAAC,GAAK,CAAC,QAAM,CAAC,IAAI,sEAAsE,IAAI,oBAAoB,CAAC,gBAAc,SAAS,kBAAgB,eAAa,SAAO,EAAY,EAAsB,IAA6B,CAAC,QAAQ,WAAW,UAAU,aAAa,SAAS,YAAY,KAAK,cAAc,OAAO,gBAAgB,MAAM,eAAe,WAAW,cAAc,aAAa,gBAAgB,YAAY,eAAe,EAAoB,GAAY,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,kBAAgB,gBAAgB,OAAO,EAAM,IAAI,GAAG,eAAe,QAAQ,mBAAmB,EAAsB,EAAc,CAAC,iBAAiB,YAAY,eAAa,SAAS,SAAS,CAAC,CAAC,kBANxwB,IAAoD,CAMstB,EAAoB,EAAuB,CAAC,MAAM,CAAC,KAAK,EAAY,gBAAgB,MAAM,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAY,KAAK,MAAM,iBAAiB,QAAQ,CAAC,UAAU,YAAY,WAAW,OAAO,SAAS,QAAQ,aAAa,eAAe,cAAc,CAAC,aAAa,CAAC,WAAW,aAAa,YAAY,OAAO,SAAS,QAAQ,cAAc,gBAAgB,eAAe,CAAC,aAAa,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,aAAa,CAAC,KAAK,EAAY,aAAa,MAAM,SAAS,aAAa,MAAM,CAAC,CAAC"}