{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/xz8AWuGJLzrg3nvnTDq9/m5lkNlwiBF9sH4r8TyD4/ziwwhAial.js"],
  "sourcesContent": ["// Generated by Framer (315fd46)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"egMKODhk7\",\"p20GtyL7b\",\"Nw66XRD4s\"];const serializationHash=\"framer-uJYdR\";const variantClassNames={egMKODhk7:\"framer-v-1wsh9mu\",Nw66XRD4s:\"framer-v-st4vgm\",p20GtyL7b:\"framer-v-1iofxwg\"};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 transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};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(React.Fragment);const humanReadableVariantMap={Blue:\"egMKODhk7\",Green:\"p20GtyL7b\",Red:\"Nw66XRD4s\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"egMKODhk7\"};};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,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"egMKODhk7\",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-1wsh9mu\",className,classNames),\"data-framer-name\":\"Blue\",layoutDependency:layoutDependency,layoutId:\"egMKODhk7\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"var(--token-4b666b92-7968-4644-8510-9f03f34acc42, rgb(19, 35, 212))\",...style},variants:{Nw66XRD4s:{backgroundColor:\"var(--token-02435af8-c06d-43f2-aa84-102ffa677b07, rgb(158, 30, 49))\"},p20GtyL7b:{backgroundColor:\"var(--token-e7efc30a-faba-4013-b52b-f806000ac947, rgb(32, 105, 68))\"}},...addPropertyOverrides({Nw66XRD4s:{\"data-framer-name\":\"Red\"},p20GtyL7b:{\"data-framer-name\":\"Green\"}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-uJYdR.framer-144z37v, .framer-uJYdR .framer-144z37v { display: block; }\",\".framer-uJYdR.framer-1wsh9mu { height: 163px; overflow: hidden; position: relative; width: 290px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 163\n * @framerIntrinsicWidth 290\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"p20GtyL7b\":{\"layout\":[\"fixed\",\"fixed\"]},\"Nw66XRD4s\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerziwwhAial=withCSS(Component,css,\"framer-uJYdR\");export default FramerziwwhAial;FramerziwwhAial.displayName=\"Changing Background\";FramerziwwhAial.defaultProps={height:163,width:290};addPropertyControls(FramerziwwhAial,{variant:{options:[\"egMKODhk7\",\"p20GtyL7b\",\"Nw66XRD4s\"],optionTitles:[\"Blue\",\"Green\",\"Red\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerziwwhAial,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerziwwhAial\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"p20GtyL7b\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Nw66XRD4s\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicHeight\":\"163\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"290\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ziwwhAial.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_humanReadableVariantMap_props_variant", "_ref", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "cx", "css", "FramerziwwhAial", "withCSS", "ziwwhAial_default", "addPropertyControls", "ControlType", "addFonts"]
}