{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/4FYXL5lQz9cgJ2BJkaNV/73UsIpa97froefZwqzz9/Image.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\"; /**\n                                                           * Responsive Image\n                                                           * By Benjamin\n                                                           *\n                                                           * @framerSupportedLayoutWidth fixed\n                                                           * @framerSupportedLayoutHeight any\n                                                           * @framerDisableUnlink\n                                                           *\n                                                           */\nexport default function Image(props) {\n  const {\n    image,\n    alt,\n    radius,\n    padding,\n    link,\n    newTab,\n    style,\n    shadowOptions\n  } = props;\n  const {\n    shadowX,\n    shadowY,\n    shadowBlur,\n    shadowColor,\n    shadowEnabled\n  } = shadowOptions;\n  const wrapperStyle = {\n    display: \"flex\",\n    placeContent: \"center\",\n    placeItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: padding\n  };\n  const imageStyle = {\n    maxWidth: \"100%\",\n    maxHeight: \"100%\",\n    borderRadius: radius,\n    boxShadow: shadowEnabled && `${shadowX}px ${shadowY}px ${shadowBlur}px ${shadowColor}`\n  };\n  const imageSource = (image === null || image === void 0 ? void 0 : image.src) || \"https://framerusercontent.com/images/64n4wnVJKDJspLlFZ6DarCP0M4.jpg\";\n  return link ? /*#__PURE__*/_jsx(\"a\", {\n    href: link,\n    title: alt,\n    target: newTab ? \"_blank\" : \"_self\",\n    style: wrapperStyle,\n    children: /*#__PURE__*/_jsx(\"img\", {\n      style: imageStyle,\n      src: imageSource,\n      srcSet: image === null || image === void 0 ? void 0 : image.srcSet,\n      alt: alt\n    })\n  }) : /*#__PURE__*/_jsx(\"div\", {\n    style: wrapperStyle,\n    children: /*#__PURE__*/_jsx(\"img\", {\n      style: imageStyle,\n      src: imageSource,\n      srcSet: image === null || image === void 0 ? void 0 : image.srcSet,\n      alt: alt\n    })\n  });\n}\n;\nImage.defaultProps = {\n  radius: 10,\n  padding: 10,\n  alt: \"\",\n  shadowOptions: {\n    shadowEnabled: false,\n    shadowX: 0,\n    shadowY: 2,\n    shadowBlur: 4,\n    shadowColor: \"rgba(0,0,0,0.2)\"\n  }\n};\naddPropertyControls(Image, {\n  image: {\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  },\n  alt: {\n    type: ControlType.String,\n    title: \"Alt\",\n    placeholder: \"Alt Text\"\n  },\n  radius: {\n    title: \"Radius\",\n    type: ControlType.Number,\n    min: 0,\n    max: 100,\n    step: 5,\n    displayStepper: true\n  },\n  padding: {\n    title: \"Padding\",\n    type: ControlType.Number,\n    min: 0,\n    max: 100,\n    step: 5,\n    displayStepper: true\n  },\n  link: {\n    type: ControlType.Link,\n    title: \"Link\"\n  },\n  newTab: {\n    type: ControlType.Boolean,\n    title: \"New Tab\",\n    hidden: props => !props.link\n  },\n  shadowOptions: {\n    type: ControlType.Object,\n    title: \"Shadow\",\n    controls: {\n      shadowEnabled: {\n        type: ControlType.Boolean,\n        title: \"Enable\",\n        defaultValue: false\n      },\n      shadowX: {\n        type: ControlType.Number,\n        title: \"X\",\n        min: 0,\n        defaultValue: 0,\n        hidden: props => !props.shadowEnabled\n      },\n      shadowY: {\n        type: ControlType.Number,\n        title: \"Y\",\n        min: 0,\n        defaultValue: 2,\n        hidden: props => !props.shadowEnabled\n      },\n      shadowBlur: {\n        type: ControlType.Number,\n        title: \"Blur\",\n        min: 0,\n        defaultValue: 4,\n        hidden: props => !props.shadowEnabled\n      },\n      shadowColor: {\n        type: ControlType.Color,\n        title: \"Color\",\n        defaultValue: \"rgba(0,0,0,0.2)\",\n        hidden: props => !props.shadowEnabled\n      }\n    }\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Image\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerSupportedLayoutHeight\": \"any\",\n        \"framerDisableUnlink\": \"*\",\n        \"framerSupportedLayoutWidth\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Image.map"],
  "mappings": "yFAUe,SAARA,EAAuBC,EAAO,CACnC,GAAM,CACJ,MAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,MAAAC,EACA,cAAAC,CACF,EAAIR,EACE,CACJ,QAAAS,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,CACF,EAAIL,EACEM,EAAe,CACnB,QAAS,OACT,aAAc,SACd,WAAY,SACZ,MAAO,OACP,OAAQ,OACR,QAASV,CACX,EACMW,EAAa,CACjB,SAAU,OACV,UAAW,OACX,aAAcZ,EACd,UAAWU,GAAiB,GAAGJ,OAAaC,OAAaC,OAAgBC,GAC3E,EACMI,EAA6Df,GAAM,KAAQ,sEACjF,OAAOI,EAAoBY,EAAK,IAAK,CACnC,KAAMZ,EACN,MAAOH,EACP,OAAQI,EAAS,SAAW,QAC5B,MAAOQ,EACP,SAAuBG,EAAK,MAAO,CACjC,MAAOF,EACP,IAAKC,EACL,OAAsDf,GAAM,OAC5D,IAAKC,CACP,CAAC,CACH,CAAC,EAAiBe,EAAK,MAAO,CAC5B,MAAOH,EACP,SAAuBG,EAAK,MAAO,CACjC,MAAOF,EACP,IAAKC,EACL,OAAsDf,GAAM,OAC5D,IAAKC,CACP,CAAC,CACH,CAAC,CACH,CAEAH,EAAM,aAAe,CACnB,OAAQ,GACR,QAAS,GACT,IAAK,GACL,cAAe,CACb,cAAe,GACf,QAAS,EACT,QAAS,EACT,WAAY,EACZ,YAAa,iBACf,CACF,EACAmB,EAAoBnB,EAAO,CACzB,MAAO,CACL,MAAO,QACP,KAAMoB,EAAY,eACpB,EACA,IAAK,CACH,KAAMA,EAAY,OAClB,MAAO,MACP,YAAa,UACf,EACA,OAAQ,CACN,MAAO,SACP,KAAMA,EAAY,OAClB,IAAK,EACL,IAAK,IACL,KAAM,EACN,eAAgB,EAClB,EACA,QAAS,CACP,MAAO,UACP,KAAMA,EAAY,OAClB,IAAK,EACL,IAAK,IACL,KAAM,EACN,eAAgB,EAClB,EACA,KAAM,CACJ,KAAMA,EAAY,KAClB,MAAO,MACT,EACA,OAAQ,CACN,KAAMA,EAAY,QAClB,MAAO,UACP,OAAQnB,GAAS,CAACA,EAAM,IAC1B,EACA,cAAe,CACb,KAAMmB,EAAY,OAClB,MAAO,SACP,SAAU,CACR,cAAe,CACb,KAAMA,EAAY,QAClB,MAAO,SACP,aAAc,EAChB,EACA,QAAS,CACP,KAAMA,EAAY,OAClB,MAAO,IACP,IAAK,EACL,aAAc,EACd,OAAQnB,GAAS,CAACA,EAAM,aAC1B,EACA,QAAS,CACP,KAAMmB,EAAY,OAClB,MAAO,IACP,IAAK,EACL,aAAc,EACd,OAAQnB,GAAS,CAACA,EAAM,aAC1B,EACA,WAAY,CACV,KAAMmB,EAAY,OAClB,MAAO,OACP,IAAK,EACL,aAAc,EACd,OAAQnB,GAAS,CAACA,EAAM,aAC1B,EACA,YAAa,CACX,KAAMmB,EAAY,MAClB,MAAO,QACP,aAAc,kBACd,OAAQnB,GAAS,CAACA,EAAM,aAC1B,CACF,CACF,CACF,CAAC",
  "names": ["Image", "props", "image", "alt", "radius", "padding", "link", "newTab", "style", "shadowOptions", "shadowX", "shadowY", "shadowBlur", "shadowColor", "shadowEnabled", "wrapperStyle", "imageStyle", "imageSource", "p", "addPropertyControls", "ControlType"]
}