{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/imcAIpjFZUB0IK9uxUar/jTTajTO8sR6JPGELquPY/BHs1zl0E1.js"],
  "sourcesContent": ["// Generated by Framer (b993cbf)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useActiveVariantCallback,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"ZZ_IReXcl\"];const variantClassNames={ZZ_IReXcl:\"framer-v-6bf8op\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const Component=/*#__PURE__*/ React.forwardRef(function({id,style,className,width,height,layoutId,variant:outerVariant=\"ZZ_IReXcl\",background:eUtONlZdS=\"rgb(0, 0, 0)\",tap:KrbuhbQwJ,...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"ZZ_IReXcl\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapzpu8ow=activeVariantCallback(async(...args)=>{if(KrbuhbQwJ){const res=await KrbuhbQwJ(...args);if(res===false)return false;}});const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-qqVjy\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(motion.div,{...restProps,className:cx(\"framer-6bf8op\",className),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"ZZ_IReXcl\",onTap:onTapzpu8ow,ref:ref,style:{backgroundColor:eUtONlZdS,borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},transition:transition,children:/*#__PURE__*/ _jsx(motion.div,{className:\"framer-92sjc9\",\"data-framer-name\":\"Icon/Outline/play\",layoutDependency:layoutDependency,layoutId:\"EQzPlB_Yq\",transition:transition,children:/*#__PURE__*/ _jsx(SVG,{className:\"framer-1p7f40d\",\"data-framer-name\":\"Icon\",fill:\"rgba(0,0,0,1)\",intrinsicHeight:46,intrinsicWidth:33,layoutDependency:layoutDependency,layoutId:\"I7511:1263;102:459\",svg:'<svg width=\"33\" height=\"46\" viewBox=\"-2 -2 33 46\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\\n<path d=\"M3.82598 38.7043C2.23613 39.8661 0 38.7306 0 36.7615V5.0722C0 3.10308 2.23613 1.96759 3.82598 3.1294L25.5081 18.974C26.8235 19.9353 26.8235 21.8984 25.5081 22.8596L3.82598 38.7043Z\" fill=\"white\"/>\\n</svg>\\n',transition:transition,withExternalLayout:true})})})})});});const css=['.framer-qqVjy [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; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-qqVjy .framer-1cefe4z { display: block; }\",\".framer-qqVjy .framer-6bf8op { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 136px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 217px; will-change: transform; }\",\".framer-qqVjy .framer-92sjc9 { flex: none; height: 37%; overflow: hidden; position: relative; width: 16%; }\",\".framer-qqVjy .framer-1p7f40d { bottom: 0px; flex: none; height: 100%; left: calc(53.84615384615387% - 100% / 2); position: absolute; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-qqVjy .framer-6bf8op { gap: 0px; } .framer-qqVjy .framer-6bf8op > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-qqVjy .framer-6bf8op > :first-child { margin-left: 0px; } .framer-qqVjy .framer-6bf8op > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 136\n * @framerIntrinsicWidth 217\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"eUtONlZdS\":\"background\",\"KrbuhbQwJ\":\"tap\"}\n */ const FramerBHs1zl0E1=withCSS(Component,css,\"framer-qqVjy\");export default FramerBHs1zl0E1;FramerBHs1zl0E1.displayName=\"Button Play\";FramerBHs1zl0E1.defaultProps={height:136,width:217};addPropertyControls(FramerBHs1zl0E1,{eUtONlZdS:{defaultValue:\"rgb(0, 0, 0)\",title:\"Background\",type:ControlType.Color},KrbuhbQwJ:{title:\"Tap\",type:ControlType.EventHandler}});addFonts(FramerBHs1zl0E1,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerBHs1zl0E1\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"217\",\"framerIntrinsicHeight\":\"136\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"eUtONlZdS\\\":\\\"background\\\",\\\"KrbuhbQwJ\\\":\\\"tap\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BHs1zl0E1.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "eUtONlZdS", "KrbuhbQwJ", "restProps", "ref", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTapzpu8ow", "args", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "SVG", "css", "FramerBHs1zl0E1", "withCSS", "BHs1zl0E1_default", "addPropertyControls", "ControlType", "addFonts"]
}