{{ text-placeholder }}
',\n htmlFromDesign: 'CTA
',\n textFromDesign: CIs5sSe0S,\n variants: {\n \"jXbelIKwv-hover\": {\n \"--extracted-1w3ko1f\": \"var(--token-d0bc1fc8-acfa-4ee8-9ced-936bfe1024b0, rgb(214, 230, 240)) \"\n }\n },\n ...addPropertyOverrides({\n \"jXbelIKwv-hover\": {\n fonts: [\"GF;DM Sans-700\"],\n __htmlStructure: '{{ text-placeholder }}
'\n }\n }, baseVariant, gestureVariant)\n }), /*#__PURE__*/_jsx(motion.div, {\n style: {},\n className: \"framer-bmi4qo-container\",\n layoutId: \"xOs9Q1FFJ-container\",\n transition: transition,\n layoutDependency: layoutDependency,\n children: /*#__PURE__*/_jsx(Phosphor, {\n width: \"100%\",\n height: \"100%\",\n layoutId: \"xOs9Q1FFJ\",\n id: \"xOs9Q1FFJ\",\n selectByList: true,\n iconSelection: \"ArrowCircleRight\",\n iconSearch: \"House\",\n color: cX70DNzvj,\n weight: \"fill\",\n mirrored: false,\n style: {\n width: \"100%\",\n height: \"100%\"\n },\n ...addPropertyOverrides({\n \"jXbelIKwv-hover\": {\n color: \"rgb(255, 255, 255)\"\n }\n }, baseVariant, gestureVariant)\n })\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-G3wb9 [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-G3wb9 * { box-sizing: border-box; }\", \".framer-G3wb9 .framer-1abuuxd { position: relative; overflow: visible; width: 190px; height: min-content; display: block; text-decoration: none; }\", \".framer-G3wb9 .framer-1yfu2o0 { position: relative; overflow: hidden; width: 1px; height: auto; flex: 1 0 0px; white-space: pre-wrap; word-wrap: break-word; word-break: break-word; }\", \".framer-G3wb9 .framer-bmi4qo-container { position: relative; width: 24px; height: 24px; flex: none; }\", \".framer-G3wb9.framer-v-1abuuxd .framer-1abuuxd { cursor: pointer; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 190\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"JCwvaB9SE\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"QAo0fr8hm\":\"linkCTA\",\"CIs5sSe0S\":\"cTA\",\"cX70DNzvj\":\"color\"}\n */\nconst FrameruCJR2HSyQ = withCSS(Component, css);\nexport default FrameruCJR2HSyQ;\nFrameruCJR2HSyQ.displayName = \"menu CTA\";\nFrameruCJR2HSyQ.defaultProps = {\n width: 190,\n height: 40\n};\naddPropertyControls(FrameruCJR2HSyQ, {\n QAo0fr8hm: {\n type: ControlType.Link,\n title: \"Link CTA\"\n },\n CIs5sSe0S: {\n type: ControlType.String,\n title: \"CTA\",\n defaultValue: \"CTA\",\n displayTextArea: false\n },\n cX70DNzvj: {\n type: ControlType.Color,\n title: \"Color\",\n defaultValue: 'var(--token-8ddb7328-4013-4f73-862a-73cabdb6d7cb, rgb(114, 146, 167)) /* {\"name\":\"prim/400\"} */'\n }\n});\naddFonts(FrameruCJR2HSyQ, [{\n url: \"https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitOB-sClQX6Cg.ttf\",\n family: \"DM Sans\",\n style: \"normal\",\n weight: \"700\",\n moduleAsset: {\n url: \"https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitOB-sClQX6Cg.ttf\",\n localModuleIdentifier: \"local-module:canvasComponent/uCJR2HSyQ:default\"\n }\n}, ...PhosphorFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FrameruCJR2HSyQ\",\n \"slots\": [],\n \"annotations\": {\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"JCwvaB9SE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"190\",\n \"framerIntrinsicHeight\": \"40\",\n \"framerContractVersion\": \"1\",\n \"framerVariables\": \"{\\\"QAo0fr8hm\\\":\\\"linkCTA\\\",\\\"CIs5sSe0S\\\":\\\"cTA\\\",\\\"cX70DNzvj\\\":\\\"color\\\"}\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./uCJR2HSyQ.map", "// Generated by Framer (2355f00)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Link, RichText, Text, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xUCuNdICT7LqG93nhqbM/Phosphor.js\";\nimport MenuCTA from \"https://framerusercontent.com/modules/aI6IL8OUaKVUJzkNdch2/rN568M3EYOXn4anJy4d2/uCJR2HSyQ.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst MenuCTAFonts = getFonts(MenuCTA);\nconst cycleOrder = [\"m8xN_FTzA\", \"ECcSujvuT\", \"v9Ok7tsPy\"];\nconst variantClassNames = {\n ECcSujvuT: \"framer-v-25aq6h\",\n m8xN_FTzA: \"framer-v-102xgx3\",\n v9Ok7tsPy: \"framer-v-1rs3owj\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n const nextOverrides = {};\n variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n return nextOverrides;\n}\nconst humanReadableVariantMap = {\n \"mobile-open\": \"ECcSujvuT\",\n closed: \"m8xN_FTzA\",\n open: \"v9Ok7tsPy\"\n};\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n }\n return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"m8xN_FTzA\",\n title: DhHKwz5Mc = \"Title Example\",\n firstLink: zasIT0zmm = \"First Link\",\n link1: sMRAjKymo,\n secondLink: bc0SsNob4 = \"Second Link\",\n link2: tKZhUVhZk,\n thirdLink: B0U_46Ap7 = \"Third Link\",\n link3: dWHPP04Ic,\n cTA: Sw8OJgMiX = \"CTA\",\n lINKCTA: o_eQECQrF,\n color: wJttHxoyw = 'var(--token-8ddb7328-4013-4f73-862a-73cabdb6d7cb, rgb(114, 146, 167)) /* {\"name\":\"prim/400\"} */',\n _3ITEMS: beN9CzCPw = true,\n cTA1: ho8ZPm8jy = true,\n tap: fA0Va2zZG,\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"m8xN_FTzA\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onMouseEnter1dwshc1 = activeVariantCallback(async (...args) => {\n setVariant(\"v9Ok7tsPy\");\n });\n const onTap1fo17r5 = activeVariantCallback(async (...args) => {\n if (fA0Va2zZG) {\n const res = await fA0Va2zZG(...args);\n if (res === false) return false;\n }\n });\n const onMouseLeave1ws7slf = activeVariantCallback(async (...args) => {\n setVariant(\"m8xN_FTzA\");\n });\n const isDisplayed1 = () => {\n if (baseVariant === \"ECcSujvuT\") return false;\n return true;\n };\n const defaultLayoutId = useRandomID();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\n initial: variant,\n animate: variants,\n onHoverStart: () => setGestureState({\n isHovered: true\n }),\n onHoverEnd: () => setGestureState({\n isHovered: false\n }),\n onTapStart: () => setGestureState({\n isPressed: true\n }),\n onTap: () => setGestureState({\n isPressed: false\n }),\n onTapCancel: () => setGestureState({\n isPressed: false\n }),\n className: cx(\"framer-RRGpc\", classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-102xgx3\", className),\n \"data-framer-name\": \"closed\",\n \"data-highlight\": true,\n layoutDependency: layoutDependency,\n layoutId: \"m8xN_FTzA\",\n onMouseEnter: onMouseEnter1dwshc1,\n ref: ref,\n style: {\n backgroundColor: \"rgba(165, 186, 251, 0)\",\n borderBottomLeftRadius: 10,\n borderBottomRightRadius: 10,\n borderTopLeftRadius: 10,\n borderTopRightRadius: 10,\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n ECcSujvuT: {\n \"data-framer-name\": \"mobile-open\",\n onMouseEnter: undefined,\n onTap: onTap1fo17r5\n },\n v9Ok7tsPy: {\n \"data-framer-name\": \"open\",\n onMouseLeave: onMouseLeave1ws7slf\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-121zfml\",\n layoutDependency: layoutDependency,\n layoutId: \"ibxuZdrWS\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n className: \"framer-15kgie0\",\n fonts: [\"GF;DM Sans-500\"],\n layoutDependency: layoutDependency,\n layoutId: \"UPZaRX6Yr\",\n rawHTML: \"Title Example