{"version":3,"file":"SeIaBm3kl.DCBcTJT0.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image1","SVG"],"sources":["https:/framerusercontent.com/modules/Xz2j5Q3Tv9o7v8mK9RaB/FdulVULunL3I3gFnWV8C/SeIaBm3kl.js"],"sourcesContent":["// Generated by Framer (78ccf22)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image as Image1,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={e3Oy7lHF4:{hover:true}};const serializationHash=\"framer-GMaHE\";const variantClassNames={e3Oy7lHF4:\"framer-v-1fkwwd3\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const ZpmWhy3Rr=undefined;const IJvCNHoJK=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={bounce:.2,delay:0,duration:.4,type:\"spring\"};const animation={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:.9,skewX:0,skewY:0,transition:transition1};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;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 getProps=({click,height,id,image2,width,...props})=>{return{...props,IJvCNHoJK:click??props.IJvCNHoJK,ZpmWhy3Rr:image2??props.ZpmWhy3Rr};};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,IJvCNHoJK,ZpmWhy3Rr,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"e3Oy7lHF4\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1wh99vc=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(IJvCNHoJK){const res=await IJvCNHoJK(...args);if(res===false)return false;}});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(Image1,{...restProps,...gestureHandlers,background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition(componentViewport?.y||0),sizes:componentViewport?.width||\"100vw\",...toResponsiveImage(ZpmWhy3Rr)},className:cx(scopingClassNames,\"framer-1fkwwd3\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"e3Oy7lHF4\",onTap:onTap1wh99vc,ref:refBinding,style:{borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,...style},...addPropertyOverrides({\"e3Oy7lHF4-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-ueol21\",\"data-framer-name\":\"Imgi 10_698af2d7a703e8143036efc4_pexels-tima-miroshnichenko-6235652\",layoutDependency:layoutDependency,layoutId:\"Szj6yZIZn\",style:{scale:1},variants:{\"e3Oy7lHF4-hover\":{scale:1.1}}}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-oupeov\",\"data-framer-name\":\"Play\",layoutDependency:layoutDependency,layoutId:\"ygUu1tixX\",style:{borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3},transformTemplate:transformTemplate1,whileHover:animation,children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-stp144\",layoutDependency:layoutDependency,layoutId:\"CeGXq97Vp\",children:/*#__PURE__*/_jsxs(SVG,{className:\"framer-a6hxqr\",layoutDependency:layoutDependency,layoutId:\"dIm36ZlxC\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 86 86\" overflow=\"visible\"><path d=\"M 43 0 C 19.253 0 0 19.253 0 43 C 0 66.746 19.253 86 43 86 C 66.746 86 86 66.746 86 43 C 86 19.253 66.746 0 43 0 Z M 58.967 43.487 L 34.78 57.923 C 34.605 58.03 34.385 58.032 34.208 57.928 C 34.032 57.826 33.924 57.638 33.924 57.435 L 33.924 28.562 C 33.924 28.358 34.035 28.169 34.208 28.069 C 34.386 27.968 34.604 27.97 34.78 28.074 L 58.967 42.513 C 59.141 42.611 59.243 42.801 59.243 42.998 C 59.243 43.199 59.141 43.386 58.967 43.487 Z\" fill=\"var(--token-e35bfafd-7cd1-49e2-98bc-bf793cd9a025, rgb(255, 117, 27)) /* {&quot;name&quot;:&quot;Orange&quot;} */\"></path></svg>',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-1l2jzkf\",layoutDependency:layoutDependency,layoutId:\"YhYfpdtN1\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 86 86\" overflow=\"visible\"><path d=\"M 43 0 C 19.253 0 0 19.253 0 43 C 0 66.746 19.253 86 43 86 C 66.746 86 86 66.746 86 43 C 86 19.253 66.746 0 43 0 Z\" fill=\"transparent\"></path></svg>',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-c8xyyf\",layoutDependency:layoutDependency,layoutId:\"gixwKh_4N\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 25.319 30.01\" overflow=\"visible\"><path d=\"M 25.043 15.492 L 0.855 29.928 C 0.68 30.035 0.461 30.037 0.283 29.933 C 0.107 29.832 -0.001 29.643 0 29.44 L 0 0.568 C 0 0.363 0.11 0.174 0.283 0.074 C 0.461 -0.027 0.679 -0.025 0.855 0.079 L 25.043 14.518 C 25.216 14.617 25.319 14.807 25.319 15.004 C 25.319 15.205 25.216 15.391 25.043 15.492 Z\" fill=\"transparent\"></path></svg>',withExternalLayout:true})]})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-16wxpne\",layoutDependency:layoutDependency,layoutId:\"tC23iw2V0\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100}})]})]})})})});});const css=[\".framer-GMaHE.framer-1nwe9hq, .framer-GMaHE .framer-1nwe9hq { display: block; }\",\".framer-GMaHE.framer-1fkwwd3 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 380px; will-change: var(--framer-will-change-override, transform); }\",\".framer-GMaHE .framer-ueol21 { aspect-ratio: 0.6666666666666666 / 1; flex: none; height: auto; overflow: visible; position: relative; width: 100%; }\",\".framer-GMaHE .framer-oupeov { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; left: 50%; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: absolute; top: 50%; width: min-content; will-change: var(--framer-will-change-effect-override, transform); z-index: 2; }\",\".framer-GMaHE .framer-stp144 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: min-content; z-index: 1; }\",\".framer-GMaHE .framer-a6hxqr { height: 86px; position: relative; width: 86px; }\",\".framer-GMaHE .framer-1l2jzkf { height: 86px; left: 0px; position: absolute; top: 0px; width: 86px; }\",\".framer-GMaHE .framer-c8xyyf { height: 30px; left: 34px; position: absolute; top: 28px; width: 26px; }\",\".framer-GMaHE .framer-16wxpne { flex: none; height: 48px; left: calc(50.00000000000002% - 48px / 2); overflow: var(--overflow-clip-fallback, clip); position: absolute; top: calc(50.00000000000002% - 48px / 2); width: 48px; will-change: var(--framer-will-change-override, transform); z-index: 0; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 570\n * @framerIntrinsicWidth 380\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"HlQ8PT2GA\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"IJvCNHoJK\":\"click\",\"ZpmWhy3Rr\":\"image2\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerSeIaBm3kl=withCSS(Component,css,\"framer-GMaHE\");export default FramerSeIaBm3kl;FramerSeIaBm3kl.displayName=\"Video Card\";FramerSeIaBm3kl.defaultProps={height:570,width:380};addPropertyControls(FramerSeIaBm3kl,{IJvCNHoJK:{title:\"Click\",type:ControlType.EventHandler},ZpmWhy3Rr:{title:\"Image 2\",type:ControlType.ResponsiveImage}});addFonts(FramerSeIaBm3kl,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerSeIaBm3kl\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"HlQ8PT2GA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"380\",\"framerVariables\":\"{\\\"IJvCNHoJK\\\":\\\"click\\\",\\\"ZpmWhy3Rr\\\":\\\"image2\\\"}\",\"framerIntrinsicHeight\":\"570\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SeIaBm3kl.map"],"mappings":"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"}