\n
\n \n } slotId='navbar'>\n \n \n \n
\n {/* Sub Navbar */}\n
\n {null}\n \n
{children}\n
\n {(isInView: boolean) =>\n isInView ? (\n \n \n \n \n \n ) : (\n \n )\n }\n \n {/* Bottom Sticky Section */}\n
\n \n }\n slotId='bottomStickySection'\n >\n \n \n \n
\n
\n);\n\nexport default Layout;\n","import { FunctionComponent, useState } from 'react';\nimport CTAButton, { CTAColorVariant } from '~/components/shared/CTAButton';\nimport SafeLocalStorage from '~/helper/SafeLocalStorage';\nimport useElementViewed from '~/lib/segment/useElementViewed';\nimport styles from './HoveringStickyMobileCTA.module.scss';\nimport { useMonarchSlotContext } from '@redventures/cohesion-utils-react';\n\ninterface HoveringStickyMobileCTAProps {\n /**\n * CTA Button text\n *\n * @inner\n * @optional\n */\n CTAButtonText?: string;\n\n /**\n * CTA Button variant\n *\n * @inner\n * @optional\n */\n CTAButtonVariant?: CTAColorVariant;\n\n /**\n * CTA Button link\n *\n * @inner\n * @optional\n * */\n CTAButtonLink?: string;\n}\n\nconst DEFAULT_PROPS = {\n CTAButtonText: 'Claim your free trial',\n CTAButtonVariant: 'aa-primary-blue' as CTAColorVariant,\n CTAButtonLink: 'https://www.walmart.com/plus/plans',\n};\n\nconst HoveringStickyMobileCTA: FunctionComponent<\n HoveringStickyMobileCTAProps\n> = (props) => {\n const { data } = useMonarchSlotContext