{"version":3,"file":"Buttonform.D962o7g0.mjs","names":["getProps","React.forwardRef","React.useContext","React.useMemo","React.Fragment","ChatTeardropText","React.forwardRef","useRef","React.useId","useState"],"sources":["https:/framerusercontent.com/modules/aZ01md9Hy7jY3BdQ9Tyl/2apUiJPt1awRJmCymtAw/DN83oVFh_.js","https:/framerusercontent.com/modules/tDPg79xCiPRGRlQ0Dqrk/pNElfl4a7ZPnCyvNmB5j/nzyL62V3r.js","https:/framerusercontent.com/modules/rTl6Wo9aQpzAzE3yZgLb/8hI80lbNzfCl5FY41VoM/CO_HimyHZ.js","https:/framerusercontent.com/modules/8Rbt2ej94hvgokyXgpem/WCoLZByZbY5oGyiPOqTx/Buttonform.js"],"sourcesContent":["// Generated by Framer (88cdfe9)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 13 12\" xmlns=\"http://www.w3.org/2000/svg\"><g d=\"M 0 14.182 L 0 2.545 L 11.636 2.545 L 11.636 14.182 Z M 6 12.364 L 2.182 12.364 C 2.085 12.364 1.993 12.325 1.925 12.257 C 1.856 12.189 1.818 12.096 1.818 12 L 1.818 8.182 C 1.818 7.073 2.259 6.009 3.043 5.225 C 3.827 4.441 4.891 4 6 4 C 6.549 4 7.093 4.108 7.6 4.318 C 8.108 4.528 8.569 4.837 8.957 5.225 C 9.345 5.613 9.653 6.074 9.863 6.582 C 10.074 7.089 10.182 7.633 10.182 8.182 C 10.182 8.731 10.074 9.275 9.863 9.782 C 9.653 10.289 9.345 10.751 8.957 11.139 C 8.569 11.527 8.108 11.835 7.6 12.045 C 7.093 12.255 6.549 12.364 6 12.364 Z M 4.364 7.636 L 7.455 7.636 M 4.364 9.091 L 7.455 9.091 M 6 8.364 L 2.182 8.364 C 2.085 8.364 1.993 8.325 1.925 8.257 C 1.856 8.189 1.818 8.096 1.818 8 L 1.818 4.182 C 1.818 3.073 2.259 2.009 3.043 1.225 C 3.827 0.441 4.891 0 6 0 C 6.549 0 7.093 0.108 7.6 0.318 C 8.108 0.528 8.569 0.837 8.957 1.225 C 9.345 1.613 9.653 2.074 9.863 2.582 C 10.074 3.089 10.182 3.633 10.182 4.182 C 10.182 4.731 10.074 5.275 9.863 5.782 C 9.653 6.289 9.345 6.751 8.957 7.139 C 8.569 7.527 8.108 7.835 7.6 8.045 C 7.093 8.255 6.549 8.364 6 8.364 Z\" fill=\"transparent\" height=\"14.18181813846935px\" id=\"h17DvsZ_p\" transform=\"translate(0.68 -2.285)\" width=\"11.636363636363637px\"><path d=\"M 0 11.636 L 0 0 L 11.636 0 L 11.636 11.636 Z\" fill=\"transparent\" height=\"11.636363636363637px\" id=\"J5GUKxWwR\" transform=\"translate(0 2.545)\" width=\"11.636363636363637px\"/><g opacity=\"0.2\"><path d=\"M 4.182 8.364 L 0.364 8.364 C 0.267 8.364 0.175 8.325 0.107 8.257 C 0.038 8.189 0 8.096 0 8 L 0 4.182 C 0 3.073 0.441 2.009 1.225 1.225 C 2.009 0.441 3.073 0 4.182 0 C 4.731 0 5.275 0.108 5.782 0.318 C 6.289 0.528 6.751 0.837 7.139 1.225 C 7.527 1.613 7.835 2.074 8.045 2.582 C 8.255 3.089 8.364 3.633 8.364 4.182 C 8.364 4.731 8.255 5.275 8.045 5.782 C 7.835 6.289 7.527 6.751 7.139 7.139 C 6.751 7.527 6.289 7.835 5.782 8.045 C 5.275 8.255 4.731 8.364 4.182 8.364 Z\" fill=\"var(--token-c944189e-a6f1-44a5-91ff-ff8987ad6880, rgb(31, 63, 92))\" height=\"8.363629090909093px\" id=\"C_jLX5w8w\" transform=\"translate(1.818 4)\" width=\"8.363636363636363px\"/></g><path d=\"M 0 0 L 3.091 0\" fill=\"transparent\" height=\"1px\" id=\"bH7oh8Mjx\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"0.73\" stroke=\"var(--1kfxo6x, rgb(31,63,92))\" transform=\"translate(4.364 7.636)\" width=\"3.0909090909090917px\"/><path d=\"M 0 0 L 3.091 0\" fill=\"transparent\" height=\"1px\" id=\"saqw0oC6G\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"0.73\" stroke=\"var(--1kfxo6x, rgb(31,63,92))\" transform=\"translate(4.364 9.091)\" width=\"3.0909090909090917px\"/><path d=\"M 4.182 8.364 L 0.364 8.364 C 0.267 8.364 0.175 8.325 0.107 8.257 C 0.038 8.189 0 8.096 0 8 L 0 4.182 C 0 3.073 0.441 2.009 1.225 1.225 C 2.009 0.441 3.073 0 4.182 0 C 4.731 0 5.275 0.108 5.782 0.318 C 6.289 0.528 6.751 0.837 7.139 1.225 C 7.527 1.613 7.835 2.074 8.045 2.582 C 8.255 3.089 8.364 3.633 8.364 4.182 C 8.364 4.731 8.255 5.275 8.045 5.782 C 7.835 6.289 7.527 6.751 7.139 7.139 C 6.751 7.527 6.289 7.835 5.782 8.045 C 5.275 8.255 4.731 8.364 4.182 8.364 Z\" fill=\"transparent\" height=\"8.363629112583508px\" id=\"ut_egILtQ\" stroke-dasharray=\"\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"0.73\" stroke=\"var(--1kfxo6x, rgb(31,63,92))\" transform=\"translate(1.818 0)\" width=\"8.363636363636363px\"/></g></svg>';const getProps=({color,height,id,width,...props})=>{return{...props,amgxErldT:color??props.amgxErldT??\"rgb(31, 63, 92)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,amgxErldT,...restProps}=getProps(props);const href=useSVGTemplate(\"2500570350\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-pJ9zd\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1kfxo6x\":amgxErldT,...style},viewBox:\"0 0 13 12\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-pJ9zd { -webkit-mask: ${mask}; aspect-ratio: 1.0833333333333333; display: block; mask: ${mask}; width: 13px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 13\n * @framerIntrinsicHeight 12\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"amgxErldT\":\"color\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"ChatTeardropText\",\"set\":{\"localId\":\"vectorSet/HkPxACp0E\",\"id\":\"HkPxACp0E\",\"moduleId\":\"2chX6ZA2sslksGnWRgsT\"}}\n */const Icon=withCSS(Component,css,\"framer-pJ9zd\");Icon.displayName=\"ChatTeardropText\";export default Icon;addPropertyControls(Icon,{amgxErldT:{defaultValue:\"rgb(31, 63, 92)\",hidden:false,title:\"Color\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"ChatTeardropText\\\",\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/HkPxACp0E\\\",\\\"id\\\":\\\"HkPxACp0E\\\",\\\"moduleId\\\":\\\"2chX6ZA2sslksGnWRgsT\\\"}}\",\"framerIntrinsicWidth\":\"13\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"amgxErldT\\\":\\\"color\\\"}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"12\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (88cdfe9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Instance,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import ChatTeardropText from\"https://framerusercontent.com/modules/aZ01md9Hy7jY3BdQ9Tyl/2apUiJPt1awRJmCymtAw/DN83oVFh_.js\";const cycleOrder=[\"DNHk13TyB\",\"cI3qzjfjD\"];const serializationHash=\"framer-kPvRN\";const variantClassNames={cI3qzjfjD:\"framer-v-1oq910b\",DNHk13TyB:\"framer-v-a35twd\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Desktop Small\":\"cI3qzjfjD\",Desktop:\"DNHk13TyB\"};const getProps=({height,icon,id,width,...props})=>{return{...props,MCKOfiQKi:icon??props.MCKOfiQKi??ChatTeardropText,variant:humanReadableVariantMap[props.variant]??props.variant??\"DNHk13TyB\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,MCKOfiQKi,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"DNHk13TyB\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-a35twd\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"DNHk13TyB\",ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-3246c9a4-2afb-4c28-ab61-99b881826c3e, rgb(234, 237, 240))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",background:\"linear-gradient(180deg, rgba(249, 249, 250, 0.4) 0%, var(--token-f2a9e609-70d9-4d9f-9e27-837e92435046, rgb(244, 244, 246)) 100%)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,...style},variants:{cI3qzjfjD:{borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8}},...addPropertyOverrides({cI3qzjfjD:{\"data-framer-name\":\"Desktop Small\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1hnps38\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"RANtyv2Ue\",style:{backgroundColor:\"var(--token-78d18dd1-0e75-46bf-9b26-f1378b835367, rgb(249, 250, 251))\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50,boxShadow:\"-0.58px 0px 0.87px 0.29px rgba(0, 114, 222, 0.1), inset 0px 0px 0.23px 0px rgba(0, 0, 0, 0.05)\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1s9sa6b\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"HrwITgvZg\",style:{backgroundColor:\"var(--token-78d18dd1-0e75-46bf-9b26-f1378b835367, rgb(249, 250, 251))\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50,boxShadow:\"-0.58px 0px 0.87px 0.29px rgba(0, 114, 222, 0.1), inset 0px 0px 0.23px 0px rgba(0, 0, 0, 0.05)\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-brtu7e\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"PljvvNPkn\",style:{backgroundColor:\"var(--token-78d18dd1-0e75-46bf-9b26-f1378b835367, rgb(249, 250, 251))\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50,boxShadow:\"-0.58px 0px 0.87px 0.29px rgba(0, 114, 222, 0.1), inset 0px 0px 0.23px 0px rgba(0, 0, 0, 0.05)\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-18jbjd5\",\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"PuI2lub7Y\",style:{backgroundColor:\"var(--token-78d18dd1-0e75-46bf-9b26-f1378b835367, rgb(249, 250, 251))\",borderBottomLeftRadius:50,borderBottomRightRadius:50,borderTopLeftRadius:50,borderTopRightRadius:50,boxShadow:\"-0.58px 0px 0.87px 0.29px rgba(0, 114, 222, 0.1), inset 0px 0px 0.23px 0px rgba(0, 0, 0, 0.05)\"}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-djilwd\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"Dya4BtJac\",style:{backgroundColor:\"var(--token-78d18dd1-0e75-46bf-9b26-f1378b835367, rgb(249, 250, 251))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100,boxShadow:\"0px 1px 1px 0px rgba(0, 114, 222, 0.1)\"},children:/*#__PURE__*/_jsx(Instance,{animated:true,className:\"framer-1008p2k\",Component:MCKOfiQKi,\"data-framer-name\":\"ChatTeardropText\",layoutDependency:layoutDependency,layoutId:\"lY7TKiQKF\",style:{\"--1kfxo6x\":\"var(--token-c944189e-a6f1-44a5-91ff-ff8987ad6880, rgb(31, 63, 92))\"}})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-kPvRN.framer-1ylgy03, .framer-kPvRN .framer-1ylgy03 { display: block; }\",\".framer-kPvRN.framer-a35twd { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 72px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 72px; will-change: var(--framer-will-change-override, transform); }\",\".framer-kPvRN .framer-1hnps38 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 3px); left: 7px; overflow: hidden; position: absolute; top: 7px; width: 4%; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-kPvRN .framer-1s9sa6b { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 3px); overflow: hidden; position: absolute; right: 7px; top: 7px; width: 4%; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-kPvRN .framer-brtu7e { aspect-ratio: 1 / 1; bottom: 7px; flex: none; height: var(--framer-aspect-ratio-supported, 3px); overflow: hidden; position: absolute; right: 7px; width: 4%; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-kPvRN .framer-18jbjd5 { aspect-ratio: 1 / 1; bottom: 7px; flex: none; height: var(--framer-aspect-ratio-supported, 3px); left: 7px; overflow: hidden; position: absolute; width: 4%; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-kPvRN .framer-djilwd { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: var(--framer-aspect-ratio-supported, 56px); justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 78%; will-change: var(--framer-will-change-override, transform); z-index: 2; }\",\".framer-kPvRN .framer-1008p2k { flex: none; height: var(--framer-aspect-ratio-supported, 32px); position: relative; width: 61%; }\",\".framer-kPvRN.framer-v-1oq910b.framer-a35twd { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 36px); width: 36px; }\",\".framer-kPvRN.framer-v-1oq910b .framer-1hnps38 { height: var(--framer-aspect-ratio-supported, 2px); left: 5px; top: 5px; width: 6%; }\",\".framer-kPvRN.framer-v-1oq910b .framer-1s9sa6b { height: var(--framer-aspect-ratio-supported, 1px); right: 5px; top: 5px; width: 3%; }\",\".framer-kPvRN.framer-v-1oq910b .framer-brtu7e { bottom: 5px; height: var(--framer-aspect-ratio-supported, 1px); right: 5px; width: 3%; }\",\".framer-kPvRN.framer-v-1oq910b .framer-18jbjd5 { bottom: 5px; height: var(--framer-aspect-ratio-supported, 1px); left: 5px; width: 3%; }\",\".framer-kPvRN.framer-v-1oq910b .framer-djilwd { height: var(--framer-aspect-ratio-supported, 25px); width: 69%; }\",\".framer-kPvRN.framer-v-1oq910b .framer-1008p2k { height: var(--framer-aspect-ratio-supported, 14px); width: 57%; }\",'.framer-kPvRN[data-border=\"true\"]::after, .framer-kPvRN [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; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 72\n * @framerIntrinsicWidth 72\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"cI3qzjfjD\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"MCKOfiQKi\":\"icon\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n * @framerVectorSets [\"2chX6ZA2sslksGnWRgsT\"]\n */const FramernzyL62V3r=withCSS(Component,css,\"framer-kPvRN\");export default FramernzyL62V3r;FramernzyL62V3r.displayName=\"Re-write Icon\";FramernzyL62V3r.defaultProps={height:72,width:72};addPropertyControls(FramernzyL62V3r,{variant:{options:[\"DNHk13TyB\",\"cI3qzjfjD\"],optionTitles:[\"Desktop\",\"Desktop Small\"],title:\"Variant\",type:ControlType.Enum},MCKOfiQKi:{defaultValue:{identifier:\"local-module:vector/DN83oVFh_:default\",moduleId:\"XQGmIviJ44p3GBPQluUl\"},setModuleId:\"dyCzOWdS9EvWl6b9I99a\",title:\"Icon\",type:ControlType.VectorSetItem}});addFonts(FramernzyL62V3r,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramernzyL62V3r\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerVectorSets\":\"[\\\"2chX6ZA2sslksGnWRgsT\\\"]\",\"framerIntrinsicHeight\":\"72\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"cI3qzjfjD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"MCKOfiQKi\\\":\\\"icon\\\"}\",\"framerIntrinsicWidth\":\"72\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (4d43e7b)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-0zk7s .framer-styles-preset-1snln9b:not(.rich-text-wrapper), .framer-0zk7s .framer-styles-preset-1snln9b.rich-text-wrapper a {  }\"];export const className=\"framer-0zk7s\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";// Biến trạng thái toàn cục dùng chung giữa Form và Button\nlet isFormSubmitting=false;const listeners=new Set;function setSubmitting(state){isFormSubmitting=state;listeners.forEach(listener=>listener());}// ==========================================\n// 1. GẮN CÁI NÀY VÀO COMPONENT: FORM\n// ==========================================\nexport function withFormValidation(Component){return props=>{const handleClick=e=>{const target=e.target;// Kiểm tra nếu click vào khu vực nút Submit\nconst submitBtn=target.closest('button[type=\"submit\"], input[type=\"submit\"], [data-framer-name*=\"Button\"], button');// Nếu click vào các ô input để gõ -> cho điền thoải mái, không check gì cả\nif(!submitBtn)return;const form=target.closest(\"form\");if(form){// Kiểm tra các trường required từ trên xuống dưới\nconst isValid=form.checkValidity();if(!isValid){// Form chưa đủ: dừng lại, báo lỗi ô đầu tiên và KHÔNG ĐỔI LOADING\ne.preventDefault();e.stopPropagation();form.reportValidity();return;}// Kiểm tra email nếu có\nconst emailInput=form.querySelector('input[type=\"email\"]');if(emailInput&&emailInput.value.trim()){const emailRegex=/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;if(!emailRegex.test(emailInput.value.trim())){e.preventDefault();e.stopPropagation();emailInput.setCustomValidity(\"올바른 이메일 주소를 입력해 주세요.\");emailInput.reportValidity();emailInput.addEventListener(\"input\",()=>emailInput.setCustomValidity(\"\"),{once:true});return;}}}// FORM ĐÃ ĐẦY ĐỦ VÀ HỢP LỆ: Kích hoạt trạng thái Loading cho nút\nsetSubmitting(true);// Tự động dọn dẹp trạng thái sau 5s phòng trường hợp user ở lại cùng trang\nsetTimeout(()=>{setSubmitting(false);},5e3);// Cho phép form gửi đi\nprops.onClick?.(e);};return /*#__PURE__*/_jsx(Component,{...props,onClick:handleClick});};}// ==========================================\n// 2. GẮN CÁI NÀY VÀO NÚT: Elements/Button Form 2\n// ==========================================\nexport function withButtonLoading(Component){return props=>{// Luôn khởi đầu bằng false khi mở trang mới\nconst[loading,setLoading]=useState(false);useEffect(()=>{// Vừa vào trang là reset trạng thái cũ về false ngay lập tức\nsetSubmitting(false);const handleChange=()=>setLoading(isFormSubmitting);listeners.add(handleChange);return()=>{listeners.delete(handleChange);setSubmitting(false)// Khi unmount/rời trang cũng reset sạch\n;};},[]);return /*#__PURE__*/_jsx(Component,{...props,variant:loading?\"Loading\":props.variant});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withButtonLoading\":{\"type\":\"reactHoc\",\"name\":\"withButtonLoading\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFormValidation\":{\"type\":\"reactHoc\",\"name\":\"withFormValidation\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Buttonform.map"],"mappings":"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"}