{"version":3,"file":"xICdvACKU.B0SM7U4V.mjs","names":["Image"],"sources":["https:/framerusercontent.com/modules/3LYFHCRghK8UHlVC1Mr1/vVXjCyaAvp7tXdjaBqSg/xICdvACKU.js"],"sourcesContent":["// Generated by Framer (c105afa)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getLoadingLazyAtYPosition,Image,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"qsGdl5t9K\",\"a7V8PBzM_\",\"nfbn8_PiM\"];const serializationHash=\"framer-sGiqZ\";const variantClassNames={a7V8PBzM_:\"framer-v-g2h63r\",nfbn8_PiM:\"framer-v-vog5u1\",qsGdl5t9K:\"framer-v-12msls2\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:84,delay:0,mass:1,stiffness:498,type:\"spring\"};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 humanReadableVariantMap={\"Play Pulse\":\"qsGdl5t9K\",\"Play State 2\":\"a7V8PBzM_\",\"Play State 3\":\"nfbn8_PiM\"};const getProps=({height,id,indicatorColor,width,...props})=>{return{...props,QbOKTnai0:indicatorColor??props.QbOKTnai0??\"var(--token-80426c08-0565-4f63-b971-205b00278185, rgb(255, 235, 97))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"qsGdl5t9K\"};};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,QbOKTnai0,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"qsGdl5t9K\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear19lmbc9=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"a7V8PBzM_\"),500);});const onAppearykod20=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"nfbn8_PiM\"),400);});const onAppearqy4h5o=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"qsGdl5t9K\"),500);});useOnVariantChange(baseVariant,{a7V8PBzM_:onAppearykod20,default:onAppear19lmbc9,nfbn8_PiM:onAppearqy4h5o});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-12msls2\",className,classNames),\"data-framer-name\":\"Play Pulse\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"qsGdl5t9K\",ref:refBinding,style:{...style},...addPropertyOverrides({a7V8PBzM_:{\"data-framer-name\":\"Play State 2\"},nfbn8_PiM:{\"data-framer-name\":\"Play State 3\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-p525b\",\"data-framer-name\":\"Indicator Pulse\",layoutDependency:layoutDependency,layoutId:\"GB3anNJmZ\",style:{backgroundColor:QbOKTnai0,borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\",opacity:1},variants:{a7V8PBzM_:{opacity:0},nfbn8_PiM:{opacity:0}},...addPropertyOverrides({nfbn8_PiM:{transformTemplate:transformTemplate1}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(Image,{background:{alt:\"play icon\",fit:\"fill\",intrinsicHeight:480,intrinsicWidth:480,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0),pixelHeight:95,pixelWidth:95,src:\"https://framerusercontent.com/images/TJsHlj9mdQahkp4qyCeX3UYTv3E.svg\"},className:\"framer-17y10fm\",\"data-framer-name\":\"Outer Circle\",layoutDependency:layoutDependency,layoutId:\"y0pzhm_AZ\",style:{borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\"}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-sGiqZ.framer-nuo0ae, .framer-sGiqZ .framer-nuo0ae { display: block; }\",\".framer-sGiqZ.framer-12msls2 { height: 24px; overflow: visible; position: relative; width: 75px; }\",\".framer-sGiqZ .framer-p525b, .framer-sGiqZ .framer-17y10fm { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 75px); left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-sGiqZ.framer-v-g2h63r .framer-p525b { height: var(--framer-aspect-ratio-supported, 131px); left: -28px; right: -28px; top: -28px; }\",\".framer-sGiqZ.framer-v-vog5u1 .framer-p525b { height: var(--framer-aspect-ratio-supported, 24px); left: 50%; right: unset; top: 50%; width: 24px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 75\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"a7V8PBzM_\":{\"layout\":[\"fixed\",\"fixed\"]},\"nfbn8_PiM\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"QbOKTnai0\":\"indicatorColor\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerxICdvACKU=withCSS(Component,css,\"framer-sGiqZ\");export default FramerxICdvACKU;FramerxICdvACKU.displayName=\"Vedio Pluses\";FramerxICdvACKU.defaultProps={height:24,width:75};addPropertyControls(FramerxICdvACKU,{variant:{options:[\"qsGdl5t9K\",\"a7V8PBzM_\",\"nfbn8_PiM\"],optionTitles:[\"Play Pulse\",\"Play State 2\",\"Play State 3\"],title:\"Variant\",type:ControlType.Enum},QbOKTnai0:{defaultValue:'var(--token-80426c08-0565-4f63-b971-205b00278185, rgb(255, 235, 97)) /* {\"name\":\"Foreground\"} */',title:\"Indicator Color\",type:ControlType.Color}});addFonts(FramerxICdvACKU,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerxICdvACKU\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"QbOKTnai0\\\":\\\"indicatorColor\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"75\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"a7V8PBzM_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"nfbn8_PiM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./xICdvACKU.map"],"mappings":"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"}