{"version":3,"file":"AspectRatioImage.B_Kp4wya.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/mqX07xZJ4UkFMELM0vHu/0wMfewEyfkTK9splNJlA/AspectRatioImage.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n */export default function AspectRatioImage(props){var _props_image,_props_image1;const{border}=props;const radius=props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"img\",{src:(_props_image=props.image)===null||_props_image===void 0?void 0:_props_image.src,alt:(_props_image1=props.image)===null||_props_image1===void 0?void 0:_props_image1.alt,style:{display:\"block\",objectFit:\"contain\",borderRadius:radius,boxShadow:props.shadows,...props.style}}),border&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderWidth:border.widthIsMixed?`${border.widthTop}px ${border.widthRight}px ${border.widthBottom}px ${border.widthLeft}px`:`${border.width}px`,borderStyle:border.style,borderColor:border.color,borderRadius:radius,pointerEvents:\"none\"}})]});}AspectRatioImage.displayName=\"Aspect Ratio Image\";addPropertyControls(AspectRatioImage,{image:{type:ControlType.ResponsiveImage},radius:{type:ControlType.FusedNumber,defaultValue:0,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0},border:{type:ControlType.Object,optional:true,controls:{color:{type:ControlType.Color,defaultValue:\"#222\"},width:{type:ControlType.FusedNumber,defaultValue:1,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}},shadows:{type:ControlType.BoxShadow}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AspectRatioImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AspectRatioImage.map"],"mappings":"+OAGG,SAAwB,EAAiB,EAAM,CAAC,IAAI,EAAa,EAAc,GAAK,CAAC,SAAO,CAAC,EAAY,EAAO,EAAM,iBAAiB,EAAM,QAAQ,KAAK,EAAM,SAAS,KAAK,EAAM,YAAY,KAAK,EAAM,WAAW,OAAO,EAAM,OAAO,IAAI,MAAoB,GAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,KAAK,EAAa,EAAM,QAAyD,IAAI,KAAK,EAAc,EAAM,QAA2D,IAAI,MAAM,CAAC,QAAQ,QAAQ,UAAU,UAAU,aAAa,EAAO,UAAU,EAAM,QAAQ,GAAG,EAAM,KAAM,CAAC,EAAC,CAAC,GAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,YAAY,EAAO,gBAAgB,EAAO,SAAS,KAAK,EAAO,WAAW,KAAK,EAAO,YAAY,KAAK,EAAO,UAAU,OAAO,EAAO,MAAM,IAAI,YAAY,EAAO,MAAM,YAAY,EAAO,MAAM,aAAa,EAAO,cAAc,MAAO,CAAC,EAAC,AAAC,CAAC,EAAC,AAAE,cAAkD,AAHv7B,GAA+E,IAAoD,CAGkwB,EAAiB,YAAY,qBAAqB,EAAoB,EAAiB,CAAC,MAAM,CAAC,KAAK,EAAY,eAAgB,EAAC,OAAO,CAAC,KAAK,EAAY,YAAY,aAAa,EAAE,UAAU,gBAAgB,aAAa,CAAC,MAAM,YAAa,EAAC,UAAU,CAAC,UAAU,WAAW,cAAc,YAAa,EAAC,YAAY,CAAC,KAAK,KAAK,KAAK,IAAK,EAAC,IAAI,CAAE,EAAC,OAAO,CAAC,KAAK,EAAY,OAAO,UAAS,EAAK,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,aAAa,MAAO,EAAC,MAAM,CAAC,KAAK,EAAY,YAAY,aAAa,EAAE,UAAU,eAAe,aAAa,CAAC,MAAM,YAAa,EAAC,UAAU,CAAC,WAAW,aAAa,cAAc,WAAY,EAAC,YAAY,CAAC,IAAI,IAAI,IAAI,GAAI,EAAC,IAAI,CAAE,EAAC,MAAM,CAAC,KAAK,EAAY,KAAK,aAAa,QAAQ,QAAQ,CAAC,QAAQ,SAAS,SAAS,QAAS,EAAC,aAAa,CAAC,QAAQ,SAAS,SAAS,QAAS,CAAC,CAAC,CAAC,EAAC,QAAQ,CAAC,KAAK,EAAY,SAAU,CAAC,EAAC"}