50 Done-for-you Templates
\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"zWTvOU5VJ\",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-pTNxh\",sharedStyle.className,sharedStyle1.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-jy5hi4\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"zWTvOU5VJ\",ref:ref,style:{...style},transition:transition,children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1kfch2t\",layoutDependency:layoutDependency,layoutId:\"nmgrKMtQd\",transition:transition,children:/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1u1j3v0-container\",layoutDependency:layoutDependency,layoutId:\"vUjqr33ZX-container\",transition:transition,children:/*#__PURE__*/ _jsx(Phosphor,{color:'var(--token-7a7660c9-d582-4f17-976f-19931121fd21, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:\"CheckCircle\",id:\"vUjqr33ZX\",layoutId:\"vUjqr33ZX\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"bold\",width:\"100%\"})})}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:azpKOHLob,className:\"framer-12hggzm\",layoutDependency:layoutDependency,layoutId:\"xW5H2bhrg\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},stylesPresetsClassNames:{a:\"framer-styles-preset-1wicq5s\",h1:\"framer-styles-preset-2fi2bi\",h2:\"framer-styles-preset-ldy632\",h3:\"framer-styles-preset-13siylf\",p:\"framer-styles-preset-5s0qo6\"},transition:transition,verticalAlignment:\"top\",withExternalLayout:true})]})})});});const css=['.framer-pTNxh [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-pTNxh .framer-1xq0icx { display: block; }\",\".framer-pTNxh .framer-jy5hi4 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 460px; }\",\".framer-pTNxh .framer-1kfch2t { align-content: center; align-items: center; align-self: stretch; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 32px; }\",\".framer-pTNxh .framer-1u1j3v0-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 35px); position: relative; width: 32px; }\",\".framer-pTNxh .framer-12hggzm { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-pTNxh .framer-jy5hi4, .framer-pTNxh .framer-1kfch2t { gap: 0px; } .framer-pTNxh .framer-jy5hi4 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-pTNxh .framer-jy5hi4 > :first-child { margin-left: 0px; } .framer-pTNxh .framer-jy5hi4 > :last-child { margin-right: 0px; } .framer-pTNxh .framer-1kfch2t > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-pTNxh .framer-1kfch2t > :first-child { margin-top: 0px; } .framer-pTNxh .framer-1kfch2t > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 35\n * @framerIntrinsicWidth 460\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"azpKOHLob\":\"offering\"}\n */ const FramerK3iQBKnDp=withCSS(Component,css,\"framer-pTNxh\");export default FramerK3iQBKnDp;FramerK3iQBKnDp.displayName=\"Options_Simple\";FramerK3iQBKnDp.defaultProps={height:35,width:460};addPropertyControls(FramerK3iQBKnDp,{azpKOHLob:{defaultValue:\"50 Done-for-you Templates
\",title:\"Offering\",type:ControlType.RichText}});addFonts(FramerK3iQBKnDp,[...PhosphorFonts,...sharedStyle.fonts,...sharedStyle1.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerK3iQBKnDp\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"35\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"460\",\"framerVariables\":\"{\\\"azpKOHLob\\\":\\\"offering\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"], "mappings": "wLAA8BA,EAAU,0BAA0B,CAAC,gBAAgB,CAAC,EAAS,IAAMC,EAAM,CAAC,CAAC,OAAO,UAAU,YAAY,CAAC,sBAAsB,qCAAqC,IAAI,yFAAyF,EAAE,MAAM,SAAS,IAAI,0FAA0F,OAAO,KAAK,CAAC,EAAeC,EAAI,CAAC,4mBAA4mB,kqBAAkqB,8pBAA8pB,EAAeC,EAAU,eCAx1EC,EAAU,0BAA0B,CAAC,CAAC,EAAS,IAAMC,EAAM,CAAC,EAAeC,EAAI,CAAC,0SAA0S,EAAeC,EAAU,eCCyK,IAAMC,EAAcC,EAASC,CAAQ,EAAQC,EAAW,CAAC,WAAW,EAAQC,EAAkB,CAAC,UAAU,iBAAiB,EAAkO,IAAMC,EAAwB,CAAC,EAAQC,EAAY,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,EAAE,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,IAAI,KAAK,QAAQ,CAAC,EAAQC,EAA8BC,EAAW,SAAS,CAAC,GAAAC,EAAG,MAAAC,EAAM,UAAAC,EAAU,MAAAC,EAAM,OAAAC,EAAO,SAAAC,EAAS,QAAQC,EAAa,YAAY,SAASC,EAAU,oDAAoD,GAAGC,CAAS,EAAEC,EAAI,CAA4D,IAAMC,EAA5Cd,EAAwBU,CAAY,GAAgCA,EAAkB,CAAC,YAAAK,EAAY,WAAAC,EAAW,eAAAC,GAAe,gBAAAC,EAAgB,WAAAC,GAAW,WAAAC,EAAW,SAAAC,CAAQ,EAAEC,EAAgB,CAAC,WAAAC,EAAW,eAAe,YAAY,YAAAtB,EAAY,QAAAa,EAAQ,kBAAAU,CAAiB,CAAC,EAAQC,EAAiBJ,EAAS,KAAK,GAAG,EAAET,EAAU,iBAAuBc,EAAsBC,EAAM,EAAE,OAAqBC,EAAKC,EAAY,CAAC,GAAGpB,GAA4CiB,EAAgB,SAAuBE,EAAKE,EAAO,IAAI,CAAC,QAAQhB,EAAQ,QAAQO,EAAS,aAAa,IAAIH,EAAgB,CAAC,UAAU,EAAI,CAAC,EAAE,WAAW,IAAIA,EAAgB,CAAC,UAAU,EAAK,CAAC,EAAE,WAAW,IAAIA,EAAgB,CAAC,UAAU,EAAI,CAAC,EAAE,MAAM,IAAIA,EAAgB,CAAC,UAAU,EAAK,CAAC,EAAE,YAAY,IAAIA,EAAgB,CAAC,UAAU,EAAK,CAAC,EAAE,UAAUa,EAAG,eAA2BzB,EAAuBA,EAAUU,CAAU,EAAE,MAAM,CAAC,QAAQ,UAAU,EAAE,SAAuBgB,EAAMF,EAAO,IAAI,CAAC,GAAGlB,EAAU,UAAUmB,EAAG,gBAAgBzB,CAAS,EAAE,mBAAmB,YAAY,iBAAiBmB,EAAiB,SAAS,YAAY,IAAIZ,EAAI,MAAM,CAAC,GAAGR,CAAK,EAAE,WAAWe,EAAW,SAAS,CAAeQ,EAAKE,EAAO,IAAI,CAAC,UAAU,iBAAiB,iBAAiBL,EAAiB,SAAS,YAAY,WAAWL,EAAW,SAAuBQ,EAAKE,EAAO,IAAI,CAAC,UAAU,2BAA2B,iBAAiBL,EAAiB,SAAS,sBAAsB,WAAWL,EAAW,SAAuBQ,EAAKK,EAAS,CAAC,MAAM,+FAA+F,OAAO,OAAO,WAAW,QAAQ,cAAc,cAAc,GAAG,YAAY,SAAS,YAAY,SAAS,GAAM,aAAa,GAAK,MAAM,CAAC,OAAO,OAAO,MAAM,MAAM,EAAE,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAgBL,EAAKM,EAAS,CAAC,sBAAsB,GAAK,SAASvB,EAAU,UAAU,iBAAiB,iBAAiBc,EAAiB,SAAS,YAAY,MAAM,CAAC,2BAA2B,mBAAmB,gCAAgC,YAAY,6BAA6B,KAAK,EAAE,wBAAwB,CAAC,EAAE,+BAA+B,GAAG,8BAA8B,GAAG,8BAA8B,GAAG,+BAA+B,EAAE,6BAA6B,EAAE,WAAWL,EAAW,kBAAkB,MAAM,mBAAmB,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,EAAQe,EAAI,CAAC,sZAAsZ,kFAAkF,oDAAoD,8QAA8Q,8SAA8S,oKAAoK,uKAAuK,koBAAkoB,GAAeA,EAAI,GAAgBA,CAAG,EAM9qLC,EAAgBC,EAAQnC,EAAUiC,EAAI,cAAc,EAASG,GAAQF,EAAgBA,EAAgB,YAAY,iBAAiBA,EAAgB,aAAa,CAAC,OAAO,GAAG,MAAM,GAAG,EAAEG,EAAoBH,EAAgB,CAAC,UAAU,CAAC,aAAa,oDAAoD,MAAM,WAAW,KAAKI,EAAY,QAAQ,CAAC,CAAC,EAAEC,EAASL,EAAgB,CAAC,GAAGM,EAAc,GAAeC,EAAM,GAAgBA,CAAK,CAAC", "names": ["fontStore", "fonts", "css", "className", "fontStore", "fonts", "css", "className", "PhosphorFonts", "getFonts", "Icon", "cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "azpKOHLob", "restProps", "ref", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "Icon", "RichText", "css", "FramerK3iQBKnDp", "withCSS", "K3iQBKnDp_default", "addPropertyControls", "ControlType", "addFonts", "PhosphorFonts", "fonts"] }