{"version":3,"file":"Examples.0rfD7LBu.mjs","names":["React.useContext","React.useMemo","React.Fragment","useRef","React.useId","Image","useRef"],"sources":["https:/framerusercontent.com/modules/O9w4KS2YI3NQXU1xVtOc/CMPoqeIxpJ1BodLCyii2/CMFdCyk7X.js","https:/framerusercontent.com/modules/KL1kzwuGktzg7b7vjtl8/fJXQWwrZFj0eKe8yHXFZ/Examples.js"],"sourcesContent":["// Generated by Framer (77d7dc9)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,Link,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={a81WlqIDY:{hover:true},CT7ce3ewj:{hover:true},L9PGxi0l3:{hover:true},RalCaNctV:{hover:true},vGODslkTh:{hover:true},VlfAGF6LQ:{hover:true},xlcnAovM0:{hover:true},Y8fY5HZX7:{hover:true}};const cycleOrder=[\"xlcnAovM0\",\"vGODslkTh\",\"RalCaNctV\",\"Y8fY5HZX7\",\"CT7ce3ewj\",\"L9PGxi0l3\",\"VlfAGF6LQ\",\"a81WlqIDY\"];const serializationHash=\"framer-ZS8tb\";const variantClassNames={a81WlqIDY:\"framer-v-wbi6vw\",CT7ce3ewj:\"framer-v-1db4iz2\",L9PGxi0l3:\"framer-v-tfkc0r\",RalCaNctV:\"framer-v-q3ryx8\",vGODslkTh:\"framer-v-1ms4w95\",VlfAGF6LQ:\"framer-v-9s1soh\",xlcnAovM0:\"framer-v-1tiz47w\",Y8fY5HZX7:\"framer-v-1ubl0p3\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const Y2vqXzOQz=undefined;const nK3bypZtO=undefined;const eardykGkY=undefined;const UYFfu5TIP=undefined;const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const transition1={damping:60,delay:0,mass:1,stiffness:500,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\":\"xlcnAovM0\",\"Variant 2\":\"vGODslkTh\",\"Variant 3\":\"RalCaNctV\",\"Variant 4\":\"Y8fY5HZX7\",\"Variant 5\":\"CT7ce3ewj\",\"Variant 6\":\"L9PGxi0l3\",\"Variant 7\":\"VlfAGF6LQ\",\"Variant 8\":\"a81WlqIDY\"};const getProps=({cvSdDefault,cvSdHover,height,id,image,link,width,...props})=>{return{...props,eardykGkY:link??props.eardykGkY,nK3bypZtO:image??props.nK3bypZtO??{pixelHeight:700,pixelWidth:1040,src:\"https://framerusercontent.com/images/IIDMfhqxtWNhPlwO2AaYT1rVhs.png?width=1040&height=700\",srcSet:\"https://framerusercontent.com/images/IIDMfhqxtWNhPlwO2AaYT1rVhs.png?scale-down-to=512&width=1040&height=700 512w,https://framerusercontent.com/images/IIDMfhqxtWNhPlwO2AaYT1rVhs.png?scale-down-to=1024&width=1040&height=700 1024w,https://framerusercontent.com/images/IIDMfhqxtWNhPlwO2AaYT1rVhs.png?width=1040&height=700 1040w\"},UYFfu5TIP:cvSdHover??props.UYFfu5TIP??\"0px 3px 10px 0px rgba(51, 51, 51, 0.35)\",variant:humanReadableVariantMap[props.variant]??props.variant??\"xlcnAovM0\",Y2vqXzOQz:cvSdDefault??props.Y2vqXzOQz??\"0px 1px 5px 0px rgba(51, 51, 51, 0.15)\"};};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,Y2vqXzOQz,UYFfu5TIP,nK3bypZtO,eardykGkY,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"xlcnAovM0\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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__*/_jsx(Link,{href:eardykGkY,motionChild:true,nodeId:\"xlcnAovM0\",openInNewTab:false,scopeId:\"CMFdCyk7X\",children:/*#__PURE__*/_jsx(Image,{...restProps,...gestureHandlers,as:\"a\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(nK3bypZtO)},className:`${cx(scopingClassNames,\"framer-1tiz47w\",className,classNames)} framer-t24prt`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"xlcnAovM0\",ref:refBinding,style:{\"--1gbkubg\":Y2vqXzOQz,\"--kniypc\":UYFfu5TIP,borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,boxShadow:\"var(--1gbkubg)\",...style},variants:{\"a81WlqIDY-hover\":{boxShadow:\"var(--kniypc)\"},\"CT7ce3ewj-hover\":{boxShadow:\"var(--kniypc)\"},\"L9PGxi0l3-hover\":{boxShadow:\"var(--kniypc)\"},\"RalCaNctV-hover\":{boxShadow:\"var(--kniypc)\"},\"vGODslkTh-hover\":{boxShadow:\"var(--kniypc)\"},\"VlfAGF6LQ-hover\":{boxShadow:\"var(--kniypc)\"},\"xlcnAovM0-hover\":{boxShadow:\"var(--kniypc)\"},\"Y8fY5HZX7-hover\":{boxShadow:\"var(--kniypc)\"}},...addPropertyOverrides({\"a81WlqIDY-hover\":{\"data-framer-name\":undefined},\"CT7ce3ewj-hover\":{\"data-framer-name\":undefined},\"L9PGxi0l3-hover\":{\"data-framer-name\":undefined},\"RalCaNctV-hover\":{\"data-framer-name\":undefined},\"vGODslkTh-hover\":{\"data-framer-name\":undefined},\"VlfAGF6LQ-hover\":{\"data-framer-name\":undefined},\"xlcnAovM0-hover\":{\"data-framer-name\":undefined},\"Y8fY5HZX7-hover\":{\"data-framer-name\":undefined},a81WlqIDY:{\"data-framer-name\":\"Variant 8\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/Y3ZppAYcPtaWgloSkaTuTVtNrkM.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/Y3ZppAYcPtaWgloSkaTuTVtNrkM.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/Y3ZppAYcPtaWgloSkaTuTVtNrkM.png?width=520&height=350 520w\"}},CT7ce3ewj:{\"data-framer-name\":\"Variant 5\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/dWiRO24LB4UkiFmrf0IpG8VLw8w.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/dWiRO24LB4UkiFmrf0IpG8VLw8w.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/dWiRO24LB4UkiFmrf0IpG8VLw8w.png?width=520&height=350 520w\"}},L9PGxi0l3:{\"data-framer-name\":\"Variant 6\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/G8LL0KKTcOxGSrJg1mqwUWMj0.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/G8LL0KKTcOxGSrJg1mqwUWMj0.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/G8LL0KKTcOxGSrJg1mqwUWMj0.png?width=520&height=350 520w\"}},RalCaNctV:{\"data-framer-name\":\"Variant 3\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/sRjrB5UTyRn422Ow1BlyhNWKg.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/sRjrB5UTyRn422Ow1BlyhNWKg.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/sRjrB5UTyRn422Ow1BlyhNWKg.png?width=520&height=350 520w\"}},vGODslkTh:{\"data-framer-name\":\"Variant 2\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/QdxCWFpZLU3jHRi4mHCVfq2Ms2o.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/QdxCWFpZLU3jHRi4mHCVfq2Ms2o.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/QdxCWFpZLU3jHRi4mHCVfq2Ms2o.png?width=520&height=350 520w\"}},VlfAGF6LQ:{\"data-framer-name\":\"Variant 7\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/ME4I8vvEkIN4v6r5TSskIckII.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/ME4I8vvEkIN4v6r5TSskIckII.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/ME4I8vvEkIN4v6r5TSskIckII.png?width=520&height=350 520w\"}},Y8fY5HZX7:{\"data-framer-name\":\"Variant 4\",background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:350,pixelWidth:520,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/qvcliJGFIf1H39qOsZD1S5wQ1Y.png?width=520&height=350\",srcSet:\"https://framerusercontent.com/images/qvcliJGFIf1H39qOsZD1S5wQ1Y.png?scale-down-to=512&width=520&height=350 512w,https://framerusercontent.com/images/qvcliJGFIf1H39qOsZD1S5wQ1Y.png?width=520&height=350 520w\"}}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ZS8tb.framer-t24prt, .framer-ZS8tb .framer-t24prt { display: block; }\",\".framer-ZS8tb.framer-1tiz47w { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 350px; justify-content: center; overflow: visible; padding: 20px; position: relative; text-decoration: none; width: 520px; }\",\".framer-ZS8tb.framer-v-1ms4w95.framer-1tiz47w, .framer-ZS8tb.framer-v-q3ryx8.framer-1tiz47w, .framer-ZS8tb.framer-v-1ubl0p3.framer-1tiz47w, .framer-ZS8tb.framer-v-1db4iz2.framer-1tiz47w, .framer-ZS8tb.framer-v-tfkc0r.framer-1tiz47w, .framer-ZS8tb.framer-v-9s1soh.framer-1tiz47w, .framer-ZS8tb.framer-v-wbi6vw.framer-1tiz47w { aspect-ratio: 1.4857142857142858 / 1; height: var(--framer-aspect-ratio-supported, 350px); }\",\".framer-ZS8tb.framer-v-1tiz47w.hover.framer-1tiz47w { aspect-ratio: 1.4857142857142858 / 1; height: var(--framer-aspect-ratio-supported, 350px); padding: 0px; }\",\".framer-ZS8tb.framer-v-q3ryx8.hover.framer-1tiz47w, .framer-ZS8tb.framer-v-1ubl0p3.hover.framer-1tiz47w, .framer-ZS8tb.framer-v-1db4iz2.hover.framer-1tiz47w, .framer-ZS8tb.framer-v-tfkc0r.hover.framer-1tiz47w, .framer-ZS8tb.framer-v-9s1soh.hover.framer-1tiz47w, .framer-ZS8tb.framer-v-wbi6vw.hover.framer-1tiz47w { height: var(--framer-aspect-ratio-supported, 370px); width: 550px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 350\n * @framerIntrinsicWidth 520\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"vGODslkTh\":{\"layout\":[\"fixed\",\"fixed\"]},\"RalCaNctV\":{\"layout\":[\"fixed\",\"fixed\"]},\"Y8fY5HZX7\":{\"layout\":[\"fixed\",\"fixed\"]},\"CT7ce3ewj\":{\"layout\":[\"fixed\",\"fixed\"]},\"L9PGxi0l3\":{\"layout\":[\"fixed\",\"fixed\"]},\"VlfAGF6LQ\":{\"layout\":[\"fixed\",\"fixed\"]},\"a81WlqIDY\":{\"layout\":[\"fixed\",\"fixed\"]},\"MMVsf01Ix\":{\"layout\":[\"fixed\",\"fixed\"]},\"I6MtIKfPn\":{\"layout\":[\"fixed\",\"fixed\"]},\"OMRZWcxnh\":{\"layout\":[\"fixed\",\"fixed\"]},\"lo4w6Uruv\":{\"layout\":[\"fixed\",\"fixed\"]},\"d5bz_OW82\":{\"layout\":[\"fixed\",\"fixed\"]},\"ju3vUhBT5\":{\"layout\":[\"fixed\",\"fixed\"]},\"S_7Mc5sjX\":{\"layout\":[\"fixed\",\"fixed\"]},\"wNCNdfpNx\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"Y2vqXzOQz\":\"cvSdDefault\",\"UYFfu5TIP\":\"cvSdHover\",\"nK3bypZtO\":\"image\",\"eardykGkY\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerCMFdCyk7X=withCSS(Component,css,\"framer-ZS8tb\");export default FramerCMFdCyk7X;FramerCMFdCyk7X.displayName=\"cover1\";FramerCMFdCyk7X.defaultProps={height:350,width:520};addPropertyControls(FramerCMFdCyk7X,{variant:{options:[\"xlcnAovM0\",\"vGODslkTh\",\"RalCaNctV\",\"Y8fY5HZX7\",\"CT7ce3ewj\",\"L9PGxi0l3\",\"VlfAGF6LQ\",\"a81WlqIDY\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Variant 5\",\"Variant 6\",\"Variant 7\",\"Variant 8\"],title:\"Variant\",type:ControlType.Enum},Y2vqXzOQz:{defaultValue:[{blur:5,color:\"rgba(51, 51, 51, 0.15)\",diffusion:.5,focus:.5,inset:false,spread:0,type:\"box\",x:0,y:1}],title:\"Cv_Sd_default\",type:ControlType.BoxShadow},UYFfu5TIP:{defaultValue:[{blur:10,color:\"rgba(51, 51, 51, 0.35)\",diffusion:.5,focus:.5,inset:false,spread:0,type:\"box\",x:0,y:3}],title:\"Cv_Sd_hover\",type:ControlType.BoxShadow},nK3bypZtO:{__defaultAssetReference:\"data:framer/asset-reference,IIDMfhqxtWNhPlwO2AaYT1rVhs.png?originalFilename=image+55.png&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage},eardykGkY:{title:\"Link\",type:ControlType.Link}});addFonts(FramerCMFdCyk7X,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCMFdCyk7X\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"520\",\"framerIntrinsicHeight\":\"350\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerColorSyntax\":\"true\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"vGODslkTh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"RalCaNctV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Y8fY5HZX7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"CT7ce3ewj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"L9PGxi0l3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"VlfAGF6LQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"a81WlqIDY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"MMVsf01Ix\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"I6MtIKfPn\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"OMRZWcxnh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"lo4w6Uruv\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"d5bz_OW82\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ju3vUhBT5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"S_7Mc5sjX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"wNCNdfpNx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"Y2vqXzOQz\\\":\\\"cvSdDefault\\\",\\\"UYFfu5TIP\\\":\\\"cvSdHover\\\",\\\"nK3bypZtO\\\":\\\"image\\\",\\\"eardykGkY\\\":\\\"link\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CMFdCyk7X.map","// © Framer University. All rights reserved.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion,useSpring}from\"framer-motion\";import{useRef}from\"react\";// Learn more: https://www.framer.com/docs/guides/overrides/\n//Spring animation parameters\nconst spring={type:\"spring\",stiffness:300,damping:30};/**\n * Based on the code created by Joshua Guo\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function with3D(Component){return props=>{//const [rotateXaxis, setRotateXaxis] = useState(0)\n//const [rotateYaxis, setRotateYaxis] = useState(0)\nconst ref=useRef(null);const handleMouseMove=event=>{const element=ref.current;const elementRect=element.getBoundingClientRect();const elementWidth=elementRect.width;const elementHeight=elementRect.height;const elementCenterX=elementWidth/2;const elementCenterY=elementHeight/2;const mouseX=event.clientY-elementRect.y-elementCenterY;const mouseY=event.clientX-elementRect.x-elementCenterX;//const degreeX = (mouseX / elementWidth) * -20 //The number is the rotation factor\n//const degreeY = (mouseY / elementHeight) * -20 //The number is the rotation factor\n//setRotateXaxis(degreeX)\n//setRotateYaxis(degreeY)\n};const handleMouseEnd=()=>{setRotateXaxis(0);setRotateYaxis(0);};const dx=useSpring(0,spring);const dy=useSpring(0,spring);/*useEffect(() => {\n            dx.set(-rotateXaxis)\n            dy.set(rotateYaxis)\n        }, [rotateXaxis, rotateYaxis])*/return /*#__PURE__*/_jsx(motion.div,{transition:spring,style:{perspective:\"1440px\",transformStyle:\"preserve-3d\",width:`${props.width}`,height:`${props.height}`},children:/*#__PURE__*/_jsx(motion.div,{ref:ref,whileHover:{scale:1.01},onMouseMove:handleMouseMove,onMouseLeave:handleMouseEnd,transition:spring,style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{perspective:\"1440px\",transformStyle:\"preserve-3d\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(motion.div,{transition:spring,style:{width:\"100%\",height:\"100%\",backfaceVisibility:\"hidden\",position:\"absolute\"},children:/*#__PURE__*/_jsx(Component,{...props,variant:\"Front\",style:{width:\"100%\",height:\"100%\"}})}),/*#__PURE__*/_jsx(motion.div,{initial:{rotateY:180},transition:spring,style:{width:\"100%\",height:\"100%\",zIndex:0,backfaceVisibility:\"hidden\",position:\"absolute\"},children:/*#__PURE__*/_jsx(Component,{...props,variant:\"Back\",style:{width:\"100%\",height:\"100%\"}})})]})})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"with3D\":{\"type\":\"reactHoc\",\"name\":\"with3D\",\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}