{"version":3,"file":"HowItWorksFlightPath.D4DS3ekD.mjs","names":["React.useMemo","__esmMin","init_jsx_runtime","pe","c","init_npm_react_18_3_1","init_framer_DcxuU94H","addPropertyControls","ControlType","createWavyPath","points","path","i","previous","current","midpointX","direction","control1X","control2X","control1Y","amplitude","control2Y","HowItWorksFlightPath","props","pathD","WAYPOINTS","style","VIEWBOX_WIDTH","VIEWBOX_HEIGHT","lineColor","init_HowItWorksFlightPath"],"sources":["https:/framerusercontent.com/modules/u0a9ZCqmmWZn0Qzl2GrO/4LAipyavLgnFkm8DZHTw/HowItWorksFlightPath.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const VIEWBOX_WIDTH=1e3;const VIEWBOX_HEIGHT=72;const CENTER_Y=VIEWBOX_HEIGHT/2;const WAYPOINTS=[{x:VIEWBOX_WIDTH*.125,y:CENTER_Y+7},{x:VIEWBOX_WIDTH*.375,y:CENTER_Y-7},{x:VIEWBOX_WIDTH*.625,y:CENTER_Y+7},{x:VIEWBOX_WIDTH*.875,y:CENTER_Y-7}];function createWavyPath(points,amplitude=12){if(points.length<2)return\"\";let path=`M ${points[0].x} ${points[0].y}`;for(let i=1;i<points.length;i++){const previous=points[i-1];const current=points[i];const midpointX=(previous.x+current.x)/2;const direction=i%2===0?-1:1;const control1X=midpointX-(current.x-previous.x)*.28;const control2X=midpointX+(current.x-previous.x)*.28;const control1Y=previous.y+direction*amplitude;const control2Y=current.y-direction*amplitude;path+=` C ${control1X} ${control1Y}, ${control2X} ${control2Y}, ${current.x} ${current.y}`;}return path;}/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function HowItWorksFlightPath(props){const{style,lineColor}=props;const pathD=React.useMemo(()=>createWavyPath(WAYPOINTS),[]);return /*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"relative\",width:\"100%\",height:\"100%\",background:\"transparent\",pointerEvents:\"none\",...style},children:/*#__PURE__*/_jsx(\"svg\",{viewBox:`0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,width:\"100%\",height:\"100%\",preserveAspectRatio:\"none\",style:{display:\"block\",overflow:\"visible\"},children:/*#__PURE__*/_jsx(\"path\",{d:pathD,fill:\"none\",stroke:lineColor,strokeWidth:2,strokeLinecap:\"round\",strokeDasharray:\"1 12\"})})});}addPropertyControls(HowItWorksFlightPath,{lineColor:{type:ControlType.Color,title:\"Line\",defaultValue:\"#D98A4E\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HowItWorksFlightPath\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HowItWorksFlightPath.map"],"mappings":"A,0KAA6W,SAASS,EAAe,EAAO,EAAU,GAAG,CAAC,GAAGC,EAAO,OAAO,EAAE,MAAM,GAAG,IAAIC,EAAK,KAAKD,EAAO,EAAE,CAAC,EAAE,GAAGA,EAAO,EAAE,CAAC,IAAI,IAAI,IAAIE,EAAE,EAAEA,EAAEF,EAAO,OAAO,IAAI,CAAC,IAAMG,EAASH,EAAOE,EAAE,GAASE,EAAQJ,EAAOE,GAASG,GAAWF,EAAS,EAAEC,EAAQ,GAAG,EAAQE,EAAUJ,EAAE,GAAI,EAAE,GAAG,EAAQK,EAAUF,GAAWD,EAAQ,EAAED,EAAS,GAAG,IAAUK,EAAUH,GAAWD,EAAQ,EAAED,EAAS,GAAG,IAAUM,EAAUN,EAAS,EAAEG,EAAUI,EAAgBC,EAAUP,EAAQ,EAAEE,EAAUI,EAAU,GAAM,MAAMH,EAAU,GAAGE,EAAU,IAAID,EAAU,GAAGG,EAAU,IAAIP,EAAQ,EAAE,GAAGA,EAAQ,GAAI,CAAC,OAAOH,CAAK,CAGv6B,SAAwBW,EAAqB,EAAM,CAAC,GAAK,CAAC,QAAM,aAAWC,EAAYC,EAAMxB,MAAkBS,EAAegB,CAAS,EAAE,CAAC,CAAC,EAAE,MAAoB,gBAAK,MAAM,CAAC,cAAc,OAAO,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,WAAW,cAAc,cAAc,OAAO,GAAGC,CAAK,EAAE,SAAsB,gBAAK,MAAM,CAAC,QAAQ,OAAOC,EAAc,GAAGC,IAAiB,MAAM,OAAO,OAAO,OAAO,oBAAoB,OAAO,MAAM,CAAC,QAAQ,QAAQ,SAAS,SAAS,EAAE,SAAsB,gBAAK,OAAO,CAAC,EAAEJ,EAAM,KAAK,OAAO,OAAOK,EAAU,YAAY,EAAE,cAAc,QAAQ,gBAAgB,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,C,oDAH/e,EAAc,IAAU,EAAe,GAAyC,EAAU,CAAC,CAAC,EAAEF,EAAc,KAAK,EAAE,EAAU,EAAE,CAAC,EAAEA,EAAc,KAAK,EAAE,EAAU,EAAE,CAAC,EAAEA,EAAc,KAAK,EAAE,EAAU,EAAE,CAAC,EAAEA,EAAc,KAAK,EAAE,EAAU,CAAC,EAGsQpB,EAAoBe,EAAqB,CAAC,UAAU,CAAC,KAAKd,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,CAAC,CAAC,C"}