Section description goes here lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"AxjrSKS7N\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;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-RBOPh\",sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className,sharedStyle4.className,sharedStyle5.className,sharedStyle6.className,sharedStyle7.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-fknxql\",className),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"AxjrSKS7N\",ref:ref,style:{...style},transition:transition,...addPropertyOverrides({SLdNVGjFa:{\"data-framer-name\":\"Phone\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1cozegn\",\"data-framer-name\":\"Spacer\",layoutDependency:layoutDependency,layoutId:\"loZ8nBEpE\",transition:transition,children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h3,{className:\"framer-styles-preset-s3gnbj\",\"data-styles-preset\":\"rfqF3BWVh\",children:\"Section Title\"})}),className:\"framer-1gt6alw\",\"data-framer-name\":\"Title\",layoutDependency:layoutDependency,layoutId:\"JkTndd_EL\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:GamfaEuX6,transition:transition,verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:LFAvA039x,className:\"framer-1h465v7\",\"data-framer-name\":\"Description\",layoutDependency:layoutDependency,layoutId:\"jZCZprSAF\",style:{\"--framer-paragraph-spacing\":\"32px\"},stylesPresetsClassNames:{a:\"framer-styles-preset-m61fge\",h1:\"framer-styles-preset-klgxxx\",h2:\"framer-styles-preset-1b90kux\",h3:\"framer-styles-preset-s3gnbj\",h4:\"framer-styles-preset-939jmt\",h5:\"framer-styles-preset-m9nwp7\",h6:\"framer-styles-preset-4d8fc4\",p:\"framer-styles-preset-wurfcu\"},transition:transition,verticalAlignment:\"top\",withExternalLayout:true})]})})});});const css=['.framer-RBOPh [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-RBOPh .framer-wunf47 { display: block; }\",\".framer-RBOPh .framer-fknxql { display: grid; gap: 40px; grid-auto-rows: min-content; grid-template-columns: repeat(3, minmax(200px, 1fr)); grid-template-rows: repeat(1, min-content); height: min-content; justify-content: center; overflow: hidden; padding: 40px 0px 0px 0px; position: relative; width: 1480px; }\",\".framer-RBOPh .framer-1cozegn { align-content: center; align-items: center; align-self: start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; justify-self: start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-RBOPh .framer-1gt6alw { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-RBOPh .framer-1h465v7 { align-self: start; flex: none; grid-column: auto / span 2; height: auto; justify-self: start; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-RBOPh .framer-1cozegn { gap: 0px; } .framer-RBOPh .framer-1cozegn > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-RBOPh .framer-1cozegn > :first-child { margin-top: 0px; } .framer-RBOPh .framer-1cozegn > :last-child { margin-bottom: 0px; } }\",\".framer-RBOPh.framer-v-hluzsj .framer-fknxql { gap: 10px; grid-template-columns: repeat(1, minmax(200px, 1fr)); padding: 20px 0px 0px 0px; width: 600px; }\",\".framer-RBOPh.framer-v-hluzsj .framer-1h465v7 { grid-column: auto / span 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-RBOPh.framer-v-hluzsj .framer-fknxql { gap: 0px; } .framer-RBOPh.framer-v-hluzsj .framer-fknxql > *, .framer-RBOPh.framer-v-hluzsj .framer-fknxql > :first-child, .framer-RBOPh.framer-v-hluzsj .framer-fknxql > :last-child { margin: 0px; } }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css,...sharedStyle4.css,...sharedStyle5.css,...sharedStyle6.css,...sharedStyle7.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 97.5\n * @framerIntrinsicWidth 1480\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"SLdNVGjFa\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"GamfaEuX6\":\"sectionTitle\",\"LFAvA039x\":\"paragraph\"}\n */ const FramerFlvixmyfo=withCSS(Component,css,\"framer-RBOPh\");export default FramerFlvixmyfo;FramerFlvixmyfo.displayName=\"Section Header\";FramerFlvixmyfo.defaultProps={height:97.5,width:1480};addPropertyControls(FramerFlvixmyfo,{variant:{options:[\"AxjrSKS7N\",\"SLdNVGjFa\"],optionTitles:[\"Desktop\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},GamfaEuX6:{defaultValue:\"Section Title\",displayTextArea:false,title:\"Section Title\",type:ControlType.String},LFAvA039x:{defaultValue:\"Section description goes here lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
\",title:\"Paragraph\",type:ControlType.RichText}});addFonts(FramerFlvixmyfo,[...sharedStyle.fonts,...sharedStyle1.fonts,...sharedStyle2.fonts,...sharedStyle3.fonts,...sharedStyle4.fonts,...sharedStyle5.fonts,...sharedStyle6.fonts,...sharedStyle7.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerFlvixmyfo\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"97.5\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1480\",\"framerVariables\":\"{\\\"GamfaEuX6\\\":\\\"sectionTitle\\\",\\\"LFAvA039x\\\":\\\"paragraph\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"SLdNVGjFa\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"], "mappings": "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", "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "GamfaEuX6", "LFAvA039x", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "RichText2", "x", "css", "FramerFlvixmyfo", "withCSS", "Flvixmyfo_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }