{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/a9N5gjIoOLZw6NiitHwS/zf6oikuQwpjl0rVVU13F/RiWQPjVRu.js"],
  "sourcesContent": ["// Generated by Framer (8c7926c)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX,withOptimizedAppearEffect}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const ImageWithFXWithOptimizedAppearEffect=withOptimizedAppearEffect(withFX(Image));const cycleOrder=[\"l3Jux4LxD\",\"DbM9ueUQ4\"];const serializationHash=\"framer-EA7gi\";const variantClassNames={DbM9ueUQ4:\"framer-v-16oet0b\",l3Jux4LxD:\"framer-v-1betd09\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const animation={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition1,x:0,y:0};const animation1={opacity:.001,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transition2={delay:0,duration:1.7,ease:[.76,.01,.31,.99],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"l3Jux4LxD\",\"Variant 2\":\"DbM9ueUQ4\"};const getProps=({height,id,image01,image02,width,...props})=>{var _ref,_humanReadableVariantMap_props_variant,_ref1;return{...props,cFsdE6lby:(_ref=image01!==null&&image01!==void 0?image01:props.cFsdE6lby)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/JsRGOAYPQz8EIu1utsCMY57Q2sk.png\"},d9EOEi3jQ:image02!==null&&image02!==void 0?image02:props.d9EOEi3jQ,variant:(_ref1=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref1!==void 0?_ref1:\"l3Jux4LxD\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,cFsdE6lby,d9EOEi3jQ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"l3Jux4LxD\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter5ds3cd=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"DbM9ueUQ4\");});const onMouseLeave1t8mg1w=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"l3Jux4LxD\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(ImageWithFXWithOptimizedAppearEffect,{...restProps,...gestureHandlers,__framer__presenceAnimate:animation,__framer__presenceInitial:animation1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0),pixelHeight:829,pixelWidth:801,sizes:(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\",...toResponsiveImage(cFsdE6lby),...{positionX:\"center\",positionY:\"center\"}},className:cx(serializationHash,...sharedStyleClassNames,\"framer-1betd09\",className,classNames),\"data-framer-appear-id\":\"1betd09\",\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"l3Jux4LxD\",onMouseEnter:onMouseEnter5ds3cd,optimized:true,ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24,...style},...addPropertyOverrides({DbM9ueUQ4:{\"data-framer-name\":\"Variant 2\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0),pixelHeight:829,pixelWidth:801,sizes:(componentViewport===null||componentViewport===void 0?void 0:componentViewport.width)||\"100vw\",...toResponsiveImage(d9EOEi3jQ)},onMouseEnter:undefined,onMouseLeave:onMouseLeave1t8mg1w}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-EA7gi.framer-cg4uyk, .framer-EA7gi .framer-cg4uyk { display: block; }\",\".framer-EA7gi.framer-1betd09 { height: 583px; overflow: hidden; position: relative; width: 476px; will-change: var(--framer-will-change-override, transform); }\",\".framer-EA7gi.framer-v-16oet0b.framer-1betd09 { aspect-ratio: 0.8164665523156089 / 1; height: var(--framer-aspect-ratio-supported, 583px); }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 583\n * @framerIntrinsicWidth 476\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"DbM9ueUQ4\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"cFsdE6lby\":\"image01\",\"d9EOEi3jQ\":\"image02\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerRiWQPjVRu=withCSS(Component,css,\"framer-EA7gi\");export default FramerRiWQPjVRu;FramerRiWQPjVRu.displayName=\"About Us Imagery\";FramerRiWQPjVRu.defaultProps={height:583,width:476};addPropertyControls(FramerRiWQPjVRu,{variant:{options:[\"l3Jux4LxD\",\"DbM9ueUQ4\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},cFsdE6lby:{__defaultAssetReference:\"data:framer/asset-reference,JsRGOAYPQz8EIu1utsCMY57Q2sk.png?originalFilename=South+African+High+Commission.png&preferredSize=full\",title:\"Image 01\",type:ControlType.ResponsiveImage},d9EOEi3jQ:{title:\"Image 02\",type:ControlType.ResponsiveImage}});addFonts(FramerRiWQPjVRu,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerRiWQPjVRu\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"cFsdE6lby\\\":\\\"image01\\\",\\\"d9EOEi3jQ\\\":\\\"image02\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"DbM9ueUQ4\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"583\",\"framerIntrinsicWidth\":\"476\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./RiWQPjVRu.map"],
  "mappings": "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",
  "names": ["ImageWithFXWithOptimizedAppearEffect", "withOptimizedAppearEffect", "withFX", "Image2", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "toResponsiveImage", "value", "transition1", "animation", "animation1", "transition2", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "image01", "image02", "width", "props", "_ref", "_humanReadableVariantMap_props_variant", "_ref1", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "cFsdE6lby", "d9EOEi3jQ", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onMouseEnter5ds3cd", "args", "onMouseLeave1t8mg1w", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "getLoadingLazyAtYPosition", "cx", "css", "FramerRiWQPjVRu", "withCSS", "RiWQPjVRu_default", "addPropertyControls", "ControlType", "addFonts"]
}