{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/XlJXHw2WnlKsL2foI9y9/VxsI9JMvSpKzudrXBJUo/PuvsyQLoR.js"],
  "sourcesContent": ["// Generated by Framer (648e021)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as localizedValues from\"./PuvsyQLoR-0.js\";const cycleOrder=[\"sDSHUl3NK\",\"SLWk7Qzrg\",\"yArjXpU2r\"];const serializationHash=\"framer-8xiRD\";const variantClassNames={sDSHUl3NK:\"framer-v-1mismsh\",SLWk7Qzrg:\"framer-v-1ui8524\",yArjXpU2r:\"framer-v-6nwznh\"};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 valuesByLocaleId={hiMo8_gMX:localizedValues};const getLocalizedValue=(key,locale)=>{while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value){return value;}}locale=locale.fallback;}};const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};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={Primary:\"sDSHUl3NK\",Secondary:\"SLWk7Qzrg\",Static:\"yArjXpU2r\"};const getProps=({height,id,primaryBackground,primaryLogo,secondaryLogo,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2,_ref3;return{...props,jbMKPdAgS:(_ref=secondaryLogo!==null&&secondaryLogo!==void 0?secondaryLogo:props.jbMKPdAgS)!==null&&_ref!==void 0?_ref:{src:\"https://framerusercontent.com/images/U9fVXFIefk7O1tTmEYtSpQoDP5k.png\"},kIA8Y0kF3:(_ref1=primaryLogo!==null&&primaryLogo!==void 0?primaryLogo:props.kIA8Y0kF3)!==null&&_ref1!==void 0?_ref1:{src:\"https://framerusercontent.com/images/snJgndOe6EvQR3muQhCT4PUpIY.png\"},variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"sDSHUl3NK\",xUm0i5oQB:(_ref3=primaryBackground!==null&&primaryBackground!==void 0?primaryBackground:props.xUm0i5oQB)!==null&&_ref3!==void 0?_ref3:\"rgb(90, 120, 255)\"};};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,kIA8Y0kF3,xUm0i5oQB,jbMKPdAgS,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"sDSHUl3NK\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1mismsh\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Primary\",layoutDependency:layoutDependency,layoutId:\"sDSHUl3NK\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-f80d58f6-db7a-473c-8f1e-e2589d5ce8ec, rgb(209, 208, 205))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:xUm0i5oQB,borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},variants:{SLWk7Qzrg:{backgroundColor:\"rgba(90, 120, 255, 0)\"},yArjXpU2r:{backgroundColor:\"rgba(90, 120, 255, 0)\"}},...addPropertyOverrides({SLWk7Qzrg:{\"data-framer-name\":\"Secondary\"},yArjXpU2r:{\"data-framer-name\":\"Static\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:64.5,intrinsicWidth:64.5,loading:getLoadingLazyAtYPosition(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0)+(48+(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||96)-96-96)/2)),pixelHeight:129,pixelWidth:129,sizes:\"96px\",...toResponsiveImage(kIA8Y0kF3)},className:\"framer-1gq0utx\",\"data-framer-name\":\"Mobilepay_Mark\",layoutDependency:layoutDependency,layoutId:\"WWbsUa6W6\",...addPropertyOverrides({SLWk7Qzrg:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:64.5,intrinsicWidth:64.5,loading:getLoadingLazyAtYPosition(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.y)||0)+(48+(((componentViewport===null||componentViewport===void 0?void 0:componentViewport.height)||96)-96-96)/2)),pixelHeight:129,pixelWidth:129,sizes:\"96px\",...toResponsiveImage(jbMKPdAgS),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-8xiRD.framer-pcmrg2, .framer-8xiRD .framer-pcmrg2 { display: block; }\",\".framer-8xiRD.framer-1mismsh { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 96px; justify-content: center; overflow: hidden; padding: 48px; position: relative; width: 96px; will-change: var(--framer-will-change-override, transform); }\",\".framer-8xiRD .framer-1gq0utx { flex: none; height: 96px; overflow: visible; position: relative; width: 96px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-8xiRD.framer-1mismsh { gap: 0px; } .framer-8xiRD.framer-1mismsh > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-8xiRD.framer-1mismsh > :first-child { margin-left: 0px; } .framer-8xiRD.framer-1mismsh > :last-child { margin-right: 0px; } }\",'.framer-8xiRD[data-border=\"true\"]::after, .framer-8xiRD [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 96\n * @framerIntrinsicWidth 96\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"SLWk7Qzrg\":{\"layout\":[\"fixed\",\"fixed\"]},\"yArjXpU2r\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"kIA8Y0kF3\":\"primaryLogo\",\"xUm0i5oQB\":\"primaryBackground\",\"jbMKPdAgS\":\"secondaryLogo\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerPuvsyQLoR=withCSS(Component,css,\"framer-8xiRD\");export default FramerPuvsyQLoR;FramerPuvsyQLoR.displayName=\"Elements/Payment method and integrations square\";FramerPuvsyQLoR.defaultProps={height:96,width:96};addPropertyControls(FramerPuvsyQLoR,{variant:{options:[\"sDSHUl3NK\",\"SLWk7Qzrg\",\"yArjXpU2r\"],optionTitles:[\"Primary\",\"Secondary\",\"Static\"],title:\"Variant\",type:ControlType.Enum},kIA8Y0kF3:{__defaultAssetReference:\"data:framer/asset-reference,snJgndOe6EvQR3muQhCT4PUpIY.png?originalFilename=Mobilepay.png&preferredSize=auto\",title:\"Primary logo\",type:ControlType.ResponsiveImage},xUm0i5oQB:{defaultValue:\"rgb(90, 120, 255)\",title:\"Primary Background\",type:ControlType.Color},jbMKPdAgS:{__defaultAssetReference:\"data:framer/asset-reference,U9fVXFIefk7O1tTmEYtSpQoDP5k.png?originalFilename=Mobilepay.png&preferredSize=auto\",title:\"Secondary logo\",type:ControlType.ResponsiveImage}});addFonts(FramerPuvsyQLoR,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerPuvsyQLoR\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SLWk7Qzrg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"yArjXpU2r\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"kIA8Y0kF3\\\":\\\"primaryLogo\\\",\\\"xUm0i5oQB\\\":\\\"primaryBackground\\\",\\\"jbMKPdAgS\\\":\\\"secondaryLogo\\\"}\",\"framerIntrinsicWidth\":\"96\",\"framerIntrinsicHeight\":\"96\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PuvsyQLoR.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "primaryBackground", "primaryLogo", "secondaryLogo", "width", "props", "_ref", "_ref1", "_humanReadableVariantMap_props_variant", "_ref2", "_ref3", "createLayoutDependency", "variants", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "kIA8Y0kF3", "xUm0i5oQB", "jbMKPdAgS", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "cx", "serializationHash", "addPropertyOverrides", "Image2", "getLoadingLazyAtYPosition", "css", "FramerPuvsyQLoR", "withCSS", "PuvsyQLoR_default", "addPropertyControls", "ControlType", "addFonts"]
}
