{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Zi1Lcq36dEoJnDXuCAT2/AhnWUrJsp1LFEmzgHim2/ImageRatio.js"],
  "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ImageRatio({ratio,image,objectFit,imageHeight}){// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nreturn /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",paddingTop:imageHeight?0:`${ratio}%`,height:imageHeight||\"100%\"},children:/*#__PURE__*/_jsx(\"img\",{style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:objectFit},...image})});}addPropertyControls(ImageRatio,{ratio:{type:ControlType.Number,defaultValue:56.25},image:{type:ControlType.ResponsiveImage},objectFit:{type:ControlType.Enum,options:[\"cover\",\"contain\"],defaultValue:\"cover\"},imageHeight:{type:ControlType.String,defaultValue:\"\"}})// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\n;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageRatio\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageRatio.map"],
  "mappings": "yFAQkB,SAARA,EAA4B,CAAC,MAAAC,EAAM,MAAAC,EAAM,UAAAC,EAAU,YAAAC,CAAW,EAAE,CAG1E,OAAoBC,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,WAAWD,EAAY,EAAE,GAAGH,KAAS,OAAOG,GAAa,MAAM,EAAE,SAAsBC,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,MAAM,OAAO,OAAO,OAAO,UAAUF,CAAS,EAAE,GAAGD,CAAK,CAAC,CAAC,CAAC,CAAE,CAACI,EAAoBN,EAAW,CAAC,MAAM,CAAC,KAAKO,EAAY,OAAO,aAAa,KAAK,EAAE,MAAM,CAAC,KAAKA,EAAY,eAAe,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,QAAQ,CAAC,QAAQ,SAAS,EAAE,aAAa,OAAO,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,aAAa,EAAE,CAAC,CAAC",
  "names": ["ImageRatio", "ratio", "image", "objectFit", "imageHeight", "p", "addPropertyControls", "ControlType"]
}