{"version":3,"file":"vHowWXgS8.DUlbTh-R.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","SVG"],"sources":["https:/framerusercontent.com/modules/aAUy0y65LE5zl1vEyKvC/FEOizvojRgeeY7y0a2hM/vHowWXgS8.js"],"sourcesContent":["// Generated by Framer (ad1bd2b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,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={atvXMIT1T:{hover:true}};const cycleOrder=[\"atvXMIT1T\",\"zyDmZGGea\",\"S0Up5wjyT\"];const serializationHash=\"framer-ABchY\";const variantClassNames={atvXMIT1T:\"framer-v-sr8mdg\",S0Up5wjyT:\"framer-v-kcledv\",zyDmZGGea:\"framer-v-4l456y\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const BsZnRuuXj=undefined;const transition1={bounce:.1,delay:0,duration:.5,type:\"spring\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;const transition2={bounce:.1,delay:.05,duration:.5,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 humanReadableVariantMap={\"Variant 1\":\"atvXMIT1T\",\"Variant 2\":\"zyDmZGGea\",Variant:\"S0Up5wjyT\"};const Variants=motion.create(React.Fragment);const getProps=({click,height,id,width,...props})=>{return{...props,BsZnRuuXj:click??props.BsZnRuuXj,variant:humanReadableVariantMap[props.variant]??props.variant??\"atvXMIT1T\"};};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,BsZnRuuXj,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"atvXMIT1T\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapoqsjy2=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(BsZnRuuXj){const res=await BsZnRuuXj(...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(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-sr8mdg\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"atvXMIT1T\",onTap:onTapoqsjy2,ref:refBinding,style:{backdropFilter:\"blur(10px)\",backgroundColor:\"rgba(255, 255, 255, 0.02)\",borderBottomLeftRadius:1e3,borderBottomRightRadius:1e3,borderTopLeftRadius:1e3,borderTopRightRadius:1e3,WebkitBackdropFilter:\"blur(10px)\",...style},...addPropertyOverrides({\"atvXMIT1T-hover\":{\"data-framer-name\":undefined},S0Up5wjyT:{\"data-framer-name\":undefined},zyDmZGGea:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(SVG,{className:\"framer-14sz08z\",layoutDependency:layoutDependency,layoutId:\"hhTi7gbXO\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 100 100\" overflow=\"visible\"><path d=\"M 50 0 C 77.614 0 100 22.386 100 50 C 100 77.614 77.614 100 50 100 C 22.386 100 0 77.614 0 50 C 0 22.386 22.386 0 50 0 Z M 42.917 30.378 C 40.139 28.654 36.668 30.808 36.667 34.255 L 36.667 65.287 C 36.668 68.733 40.139 70.887 42.917 69.163 L 67.917 53.649 C 70.694 51.925 70.694 47.616 67.917 45.892 Z\" fill=\"rgb(255, 255, 255)\"></path></svg>',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-1bg37tm\",layoutDependency:layoutDependency,layoutId:\"L_2z3mJYb\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 100 100\" overflow=\"visible\"><path d=\"M 50 0 C 77.614 0 100 22.386 100 50 C 100 77.614 77.614 100 50 100 C 22.386 100 0 77.614 0 50 C 0 22.386 22.386 0 50 0 Z\" fill=\"transparent\"></path></svg>',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-f1cz6i\",layoutDependency:layoutDependency,layoutId:\"LaPglZWrB\",requiresOverflowVisible:false,svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 33.333 39.999\" overflow=\"visible\"><path d=\"M 6.25 0.607 C 3.473 -1.117 0.001 1.037 0 4.484 L 0 35.516 C 0.001 38.963 3.473 41.116 6.25 39.393 L 31.25 23.878 C 34.028 22.154 34.028 17.845 31.25 16.121 Z\" fill=\"transparent\"></path></svg>',withExternalLayout:true})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1pea5cl\",\"data-border\":true,\"data-framer-name\":\"Border 1\",layoutDependency:layoutDependency,layoutId:\"bhJFbXMlK\",style:{\"--border-bottom-width\":\"2px\",\"--border-color\":\"var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f, rgb(255, 255, 255))\",\"--border-left-width\":\"2px\",\"--border-right-width\":\"2px\",\"--border-style\":\"solid\",\"--border-top-width\":\"2px\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,opacity:0},transformTemplate:transformTemplate1,variants:{\"atvXMIT1T-hover\":{opacity:.5},zyDmZGGea:{opacity:.5}}}),/*#__PURE__*/_jsx(Transition,{...addPropertyOverrides({\"atvXMIT1T-hover\":{value:transition2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-296i82\",\"data-border\":true,\"data-framer-name\":\"Border 2\",layoutDependency:layoutDependency,layoutId:\"HaNr8AWld\",style:{\"--border-bottom-width\":\"2px\",\"--border-color\":\"var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f, rgb(255, 255, 255))\",\"--border-left-width\":\"2px\",\"--border-right-width\":\"2px\",\"--border-style\":\"solid\",\"--border-top-width\":\"2px\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,opacity:0},transformTemplate:transformTemplate1,variants:{\"atvXMIT1T-hover\":{opacity:.2},zyDmZGGea:{opacity:.2}}})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ABchY.framer-11555le, .framer-ABchY .framer-11555le { display: block; }\",\".framer-ABchY.framer-sr8mdg { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-ABchY .framer-14sz08z { height: 100px; position: relative; width: 100px; }\",\".framer-ABchY .framer-1bg37tm { height: 100px; left: 0px; position: absolute; top: 0px; width: 100px; }\",\".framer-ABchY .framer-f1cz6i { height: 40px; left: 37px; position: absolute; top: 30px; width: 34px; }\",\".framer-ABchY .framer-1pea5cl, .framer-ABchY .framer-296i82 { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 100px); left: 50%; overflow: var(--overflow-clip-fallback, clip); pointer-events: none; position: absolute; top: 50%; user-select: none; width: 100px; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-ABchY.framer-v-4l456y .framer-1pea5cl, .framer-ABchY.framer-v-sr8mdg.hover .framer-1pea5cl { height: var(--framer-aspect-ratio-supported, 130px); width: 130px; }\",\".framer-ABchY.framer-v-4l456y .framer-296i82, .framer-ABchY.framer-v-sr8mdg.hover .framer-296i82 { height: var(--framer-aspect-ratio-supported, 156px); width: 156px; }\",'.framer-ABchY[data-border=\"true\"]::after, .framer-ABchY [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; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 100\n * @framerIntrinsicWidth 100\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"zyDmZGGea\":{\"layout\":[\"auto\",\"auto\"]},\"S0Up5wjyT\":{\"layout\":[\"auto\",\"auto\"]},\"NxCszWz67\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"BsZnRuuXj\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramervHowWXgS8=withCSS(Component,css,\"framer-ABchY\");export default FramervHowWXgS8;FramervHowWXgS8.displayName=\"Play Button\";FramervHowWXgS8.defaultProps={height:100,width:100};addPropertyControls(FramervHowWXgS8,{variant:{options:[\"atvXMIT1T\",\"zyDmZGGea\",\"S0Up5wjyT\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant\"],title:\"Variant\",type:ControlType.Enum},BsZnRuuXj:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramervHowWXgS8,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramervHowWXgS8\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"zyDmZGGea\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"S0Up5wjyT\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"NxCszWz67\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"BsZnRuuXj\\\":\\\"click\\\"}\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"100\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicWidth\":\"100\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./vHowWXgS8.map"],"mappings":"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"}