{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/oy2xxaKePH931qdVj2zt/KwIxXMKXUTCAX3PdzqvS/VAoShEHNW.js"],
  "sourcesContent": ["// Generated by Framer (d74aa50)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"pUkUESMZ1\",\"llG0ypkJg\"];const serializationHash=\"framer-GfcNb\";const variantClassNames={llG0ypkJg:\"framer-v-187srji\",pUkUESMZ1:\"framer-v-q5z6fz\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=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\":\"pUkUESMZ1\",\"Variant 2\":\"llG0ypkJg\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"pUkUESMZ1\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"pUkUESMZ1\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapStart1w64f3f=activeVariantCallback(async(...args)=>{setGestureState({isPressed:true});setVariant(\"llG0ypkJg\");});const onTap1k1omlq=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"pUkUESMZ1\");});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-q5z6fz\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"pUkUESMZ1\",onTapStart:onTapStart1w64f3f,ref:refBinding,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",...style},variants:{llG0ypkJg:{backgroundColor:\"rgb(209, 209, 209)\"}},...addPropertyOverrides({llG0ypkJg:{\"data-framer-name\":\"Variant 2\",onTap:onTap1k1omlq}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(Image,{as:\"button\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),pixelHeight:300,pixelWidth:300,src:\"https://framerusercontent.com/images/k50YrtIEsRbP6k99PqQMo5JvF4.png\"},className:\"framer-o9he4v\",\"data-framer-name\":\"\u53F3\u77E2\u5370\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"EV1L0EhAB\"}),/*#__PURE__*/_jsx(Image,{as:\"button\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),pixelHeight:300,pixelWidth:300,src:\"https://framerusercontent.com/images/k50YrtIEsRbP6k99PqQMo5JvF4.png\"},className:\"framer-1hf5rmg\",\"data-framer-name\":\"\u53F3\u77E2\u5370\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"b03h_Z5ss\"})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-GfcNb.framer-1c7ijce, .framer-GfcNb .framer-1c7ijce { display: block; }\",\".framer-GfcNb.framer-q5z6fz { cursor: pointer; height: 180px; overflow: hidden; position: relative; width: 100px; }\",\".framer-GfcNb .framer-o9he4v { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; justify-content: center; overflow: visible; padding: 0px; position: absolute; right: 0px; top: 0px; width: 80px; }\",\".framer-GfcNb .framer-1hf5rmg { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; justify-content: center; left: 0px; overflow: visible; padding: 0px; position: absolute; top: 0px; width: 80px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 180\n * @framerIntrinsicWidth 100\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"llG0ypkJg\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerVAoShEHNW=withCSS(Component,css,\"framer-GfcNb\");export default FramerVAoShEHNW;FramerVAoShEHNW.displayName=\"\u53F3\u77E2\u5370 17\";FramerVAoShEHNW.defaultProps={height:180,width:100};addPropertyControls(FramerVAoShEHNW,{variant:{options:[\"pUkUESMZ1\",\"llG0ypkJg\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerVAoShEHNW,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerVAoShEHNW\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"llG0ypkJg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"180\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"100\",\"framerImmutableVariables\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VAoShEHNW.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", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapStart1w64f3f", "args", "onTap1k1omlq", "scopingClassNames", "cx", "LayoutGroup", "u", "Image2", "getLoadingLazyAtYPosition", "css", "FramerVAoShEHNW", "withCSS", "VAoShEHNW_default", "addPropertyControls", "ControlType", "addFonts"]
}