{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/lYC5hioKneufQEHIXGUY/Iv8d40apLy2bQTEPRkFI/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){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?.src,alt:props.image?.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\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AspectRatioImage.map"],
  "mappings": "uGAGkB,SAARA,EAAkCC,EAAM,CAAC,GAAK,CAAC,OAAAC,CAAM,EAAED,EAAYE,EAAOF,EAAM,cAAc,GAAGA,EAAM,OAAO,MAAMA,EAAM,QAAQ,MAAMA,EAAM,WAAW,MAAMA,EAAM,UAAU,KAAK,GAAGA,EAAM,MAAM,KAAK,OAAoBG,EAAM,EAAU,CAAC,SAAS,CAAcC,EAAK,MAAM,CAAC,IAAIJ,EAAM,OAAO,IAAI,IAAIA,EAAM,OAAO,IAAI,MAAM,CAAC,QAAQ,QAAQ,UAAU,UAAU,aAAaE,EAAO,UAAUF,EAAM,QAAQ,GAAGA,EAAM,KAAK,CAAC,CAAC,EAAEC,GAAqBG,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,YAAYH,EAAO,aAAa,GAAGA,EAAO,QAAQ,MAAMA,EAAO,UAAU,MAAMA,EAAO,WAAW,MAAMA,EAAO,SAAS,KAAK,GAAGA,EAAO,KAAK,KAAK,YAAYA,EAAO,MAAM,YAAYA,EAAO,MAAM,aAAaC,EAAO,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACH,EAAiB,YAAY,qBAAqBM,EAAoBN,EAAiB,CAAC,MAAM,CAAC,KAAKO,EAAY,eAAe,EAAE,OAAO,CAAC,KAAKA,EAAY,YAAY,aAAa,EAAE,UAAU,gBAAgB,aAAa,CAAC,MAAM,YAAY,EAAE,UAAU,CAAC,UAAU,WAAW,cAAc,YAAY,EAAE,YAAY,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,SAAS,GAAK,SAAS,CAAC,MAAM,CAAC,KAAKA,EAAY,MAAM,aAAa,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,YAAY,aAAa,EAAE,UAAU,eAAe,aAAa,CAAC,MAAM,YAAY,EAAE,UAAU,CAAC,WAAW,aAAa,cAAc,WAAW,EAAE,YAAY,CAAC,IAAI,IAAI,IAAI,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,KAAKA,EAAY,KAAK,aAAa,QAAQ,QAAQ,CAAC,QAAQ,SAAS,SAAS,QAAQ,EAAE,aAAa,CAAC,QAAQ,SAAS,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAKA,EAAY,SAAS,CAAC,CAAC",
  "names": ["AspectRatioImage", "props", "border", "radius", "u", "p", "addPropertyControls", "ControlType"]
}