{"version":3,"file":"FamilyTadaHowToUseSection.BOSnJSrk.mjs","names":["withClass","InViewComponent","useRef","useState","withClass","InViewComponent","useRef","useRef","__esmMin","init_npm_react_18_3_1","window","ce","init_jsx_runtime","c","p","_e","de","init_ssg_sandbox_shims","useInView","init_framer_motion_DhsWWWsN","withClass$2","InViewComponent$2","Component","props","init_FamilyTadaBenefitSeciton","ref","isInView","FamilyTadaHeader","index","setIndex","containerStyle","borderStyle","topOfElement","imgWrapperStyle","imgStyle","init_FamilyTadaHeader","withClass$1","InViewComponent$1","init_FamilyTadaHowToApplySection","withClass","InViewComponent","init_FamilyTadaHowToUseSection"],"sources":["https:/framerusercontent.com/modules/AMRWG5DLXXQfdkz6eAnc/5LDUHEDuch2ZHRYhjMO1/FamilyTadaBenefitSeciton.js","https:/framerusercontent.com/modules/EVnxPkEIqq8ugtSfdb8q/trS8jHlPSLOiXky3iyxu/FamilyTadaHeader.js","https:/framerusercontent.com/modules/ePpLL23yK6lsFGzz7pAx/qeKMm1tpKcI3cTt1SgNq/FamilyTadaHowToApplySection.js","https:/framerusercontent.com/modules/rePgZcTtgD4fQM5BGq4D/LsEE6Yng6jSZi7fxXIpA/FamilyTadaHowToUseSection.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";import{useInView}from\"framer-motion\";export function withClass(Component){return props=>{props.className+=\" benefit-section\"// Remember to add a space\n;return /*#__PURE__*/_jsx(InViewComponent,{children:/*#__PURE__*/_jsx(Component,{...props})});};}const InViewComponent=({children})=>{const ref=useRef(null);const isInView=useInView(ref);useEffect(()=>{if(isInView){// document.querySelector(\"#header-benefit\").style.opacity = 1\ndocument.querySelector(\"#header-benefit\").dataset.isInView=\"true\";}else{// document.querySelector(\"#header-benefit\").style.opacity = 0.1\ndocument.querySelector(\"#header-benefit\").dataset.isInView=\"false\";}},[isInView]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},ref:ref,children:children});};\nexport const __FramerMetadata__ = {\"exports\":{\"withClass\":{\"type\":\"reactHoc\",\"name\":\"withClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FamilyTadaBenefitSeciton.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\n/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function FamilyTadaHeader(props){const[index,setIndex]=useState(0);useEffect(()=>{setInterval(()=>{setIndex(()=>{const lastIndex=[document.querySelector(\"#header-benefit\").dataset.isInView,document.querySelector(\"#header-how-to-apply\").dataset.isInView,document.querySelector(\"#header-how-to-use\").dataset.isInView].lastIndexOf(\"true\");return lastIndex;});},400);},[]);return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:borderStyle}),/*#__PURE__*/_jsx(\"div\",{onClick:()=>{const topOfElement=document.querySelector(\".benefit-section\").offsetTop-90;window.scroll({top:topOfElement,behavior:\"smooth\"});},style:{...imgWrapperStyle,opacity:index===0?1:.1},id:\"header-benefit\",children:/*#__PURE__*/_jsx(\"img\",{style:imgStyle,src:\"https://framerusercontent.com/images/fFJp7k3lAjLYONZh3OATFvCcqI.png?scale-down-to=2048\"})}),/*#__PURE__*/_jsx(\"div\",{onClick:()=>{const topOfElement=document.querySelector(\".how-to-apply-section\").offsetTop-90;window.scroll({top:topOfElement,behavior:\"smooth\"});},style:{...imgWrapperStyle,opacity:index===1?1:.1},id:\"header-how-to-apply\",children:/*#__PURE__*/_jsx(\"img\",{style:imgStyle,src:\"https://framerusercontent.com/images/p87jpTwBEBRLUxQoAn9ke0PsKXg.png?scale-down-to=2048\"})}),/*#__PURE__*/_jsx(\"div\",{onClick:()=>{const topOfElement=document.querySelector(\".how-to-use-section\").offsetTop-100;window.scroll({top:topOfElement,behavior:\"smooth\"});},style:{...imgWrapperStyle,opacity:index===2?1:.1},id:\"header-how-to-use\",children:/*#__PURE__*/_jsx(\"img\",{style:imgStyle,src:\"https://framerusercontent.com/images/zfaQy65xqtXqAIzPLmZKC6Eh9d0.png?scale-down-to=2048\"})})]});}// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst containerStyle={display:\"flex\",position:\"relative\",height:\"66px\",width:\"100%\",justifyContent:\"center\",alignItems:\"center\",backgroundColor:\"white\"};const imgWrapperStyle={flex:\"1 0 0px\",display:\"flex\",justifyContent:\"center\"};const imgStyle={width:\"80px\",height:\"100%\",objectPosition:\"center center\",obejctFit:\"contain\"};const borderStyle={position:\"absolute\",width:\"100%\",bottom:\"-2px\",height:\"2px\",backgroundColor:\"black\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FamilyTadaHeader\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FamilyTadaHeader.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";import{useInView}from\"framer-motion\";export function withClass(Component){return props=>{props.className+=\" how-to-apply-section\"// Remember to add a space\n;return /*#__PURE__*/_jsx(InViewComponent,{children:/*#__PURE__*/_jsx(Component,{...props})});};}const InViewComponent=({children})=>{const ref=useRef(null);const isInView=useInView(ref);useEffect(()=>{if(isInView){// document.querySelector(\"#header-how-to-apply\").style.opacity = 1\ndocument.querySelector(\"#header-how-to-apply\").dataset.isInView=\"true\";}else{// document.querySelector(\"#header-how-to-apply\").style.opacity = 0.1\ndocument.querySelector(\"#header-how-to-apply\").dataset.isInView=\"false\";}},[isInView]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},ref:ref,children:children});};\nexport const __FramerMetadata__ = {\"exports\":{\"withClass\":{\"type\":\"reactHoc\",\"name\":\"withClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FamilyTadaHowToApplySection.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";import{useInView}from\"framer-motion\";export function withClass(Component){return props=>{props.className+=\" how-to-use-section\"// Remember to add a space\n;return /*#__PURE__*/_jsx(InViewComponent,{children:/*#__PURE__*/_jsx(Component,{...props})});};}const InViewComponent=({children})=>{const ref=useRef(null);const isInView=useInView(ref);useEffect(()=>{if(isInView){// document.querySelector(\"#header-how-to-use\").style.opacity = 1\ndocument.querySelector(\"#header-how-to-use\").dataset.isInView=\"true\";}else{// document.querySelector(\"#header-how-to-use\").style.opacity = 0.1\ndocument.querySelector(\"#header-how-to-use\").dataset.isInView=\"false\";}},[isInView]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\"},ref:ref,children:children});};\nexport const __FramerMetadata__ = {\"exports\":{\"withClass\":{\"type\":\"reactHoc\",\"name\":\"withClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FamilyTadaHowToUseSection.map"],"mappings":"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"}