{"version":3,"file":"AspectRatioImage.B2emlO2X.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/S37mGE1pXf7qWhx3AMLn/lcGYy0Rr6c2Sk01WfHu1/AspectRatioImage.js"],"sourcesContent":["import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Link}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n */export default function AspectRatioImage(props){const{border,link,altText}=props;const elements=[/*#__PURE__*/_jsx(\"img\",{loading:\"lazy\",decoding:\"async\",src:props.image?.src,srcSet:props.image?.srcSet,alt:altText||props.image?.alt,style:{display:\"block\",objectFit:\"contain\",borderRadius:props.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:props.radius,pointerEvents:\"none\"}})];return link?/*#__PURE__*/_jsx(Link,{href:link,openInNewTab:props.newTab,children:/*#__PURE__*/_jsx(\"a\",{style:{display:\"contents\"},children:elements})}):/*#__PURE__*/_jsx(_Fragment,{children:elements});}AspectRatioImage.displayName=\"Aspect Ratio Image\";addPropertyControls(AspectRatioImage,{image:{type:ControlType.ResponsiveImage},altText:{type:ControlType.String,title:\"Alt Text\"},radius:{type:ControlType.BorderRadius,defaultValue:\"0px\"},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},link:{type:ControlType.Link},newTab:{type:ControlType.Boolean,defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AspectRatioImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AspectRatioImage.map"],"mappings":"2KAGG,SAAwB,EAAiB,EAAM,CAAC,GAAK,CAAC,SAAO,OAAK,WAAS,EAAY,EAAS,CAAc,EAAK,MAAM,CAAC,QAAQ,OAAO,SAAS,QAAQ,IAAI,EAAM,OAAO,IAAI,OAAO,EAAM,OAAO,OAAO,IAAI,GAAS,EAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,QAAQ,UAAU,UAAU,aAAa,EAAM,OAAO,UAAU,EAAM,QAAQ,GAAG,EAAM,MAAM,CAAC,CAAC,CAAC,GAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,YAAY,EAAO,aAAa,GAAG,EAAO,SAAS,KAAK,EAAO,WAAW,KAAK,EAAO,YAAY,KAAK,EAAO,UAAU,IAAI,GAAG,EAAO,MAAM,IAAI,YAAY,EAAO,MAAM,YAAY,EAAO,MAAM,aAAa,EAAM,OAAO,cAAc,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAkB,EAAK,EAAK,CAAC,KAAK,EAAK,aAAa,EAAM,OAAO,SAAsB,EAAK,IAAI,CAAC,MAAM,CAAC,QAAQ,WAAW,CAAC,SAAS,EAAS,CAAC,CAAC,CAAC,CAAc,EAAKA,EAAU,CAAC,SAAS,EAAS,CAAC,kBAH3xB,IAAyD,CAGouB,EAAiB,YAAY,qBAAqB,EAAoB,EAAiB,CAAC,MAAM,CAAC,KAAK,EAAY,gBAAgB,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,CAAC,OAAO,CAAC,KAAK,EAAY,aAAa,aAAa,MAAM,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,SAAS,GAAK,SAAS,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,aAAa,OAAO,CAAC,MAAM,CAAC,KAAK,EAAY,YAAY,aAAa,EAAE,UAAU,eAAe,aAAa,CAAC,MAAM,aAAa,CAAC,UAAU,CAAC,WAAW,aAAa,cAAc,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,KAAK,EAAY,KAAK,aAAa,QAAQ,QAAQ,CAAC,QAAQ,SAAS,SAAS,SAAS,CAAC,aAAa,CAAC,QAAQ,SAAS,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAY,UAAU,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,CAAC,OAAO,CAAC,KAAK,EAAY,QAAQ,aAAa,GAAM,CAAC,CAAC"}