{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/Gum9afTkjqXeSabeHx2h/6CVTbGfgJZIbL69L7CI3/DBBVfACpK.js"],
  "sourcesContent": ["// Generated by Framer (0a90a8e)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/ktScmTOWmOE3pB4Hb5Fz/Ij4uLDfRqRIt26WxGSPp/H2NX4Nqo_.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/AxdBv7w25ebzUMrxhQM8/LeHJ9S9dNIohrbgdBN7U/iegMteqbG.js\";const cycleOrder=[\"idi1zFtqd\"];const variantClassNames={idi1zFtqd:\"framer-v-1y0fjym\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({height,id,width,...props})=>{var _painPoinsDescription,ref,_painPoints,ref1;return{...props,LgL5i8qii:(ref=(_painPoinsDescription=props.painPoinsDescription)!==null&&_painPoinsDescription!==void 0?_painPoinsDescription:props.LgL5i8qii)!==null&&ref!==void 0?ref:\"During peak working hours, the process of ordering and picking up drinks in stores can be excessively time-consuming for users\",nYtXBR9uk:(ref1=(_painPoints=props.painPoints)!==null&&_painPoints!==void 0?_painPoints:props.nYtXBR9uk)!==null&&ref1!==void 0?ref1:\"Pain Points\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,nYtXBR9uk,LgL5i8qii,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"idi1zFtqd\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);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-3VLIW\",sharedStyle.className,sharedStyle1.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-1y0fjym\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"idi1zFtqd\",ref:ref,style:{...style},children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h4,{className:\"framer-styles-preset-12b0bx9\",\"data-styles-preset\":\"iegMteqbG\",style:{\"--framer-text-color\":\"var(--extracted-1eung3n)\"},children:\"Pain Points\"})}),className:\"framer-18y5hc9\",layoutDependency:layoutDependency,layoutId:\"WYSgPPI3y\",style:{\"--extracted-1eung3n\":\"var(--token-1ed592d0-c032-47b5-9cc5-90a3454ac4b7, rgb(0, 136, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:nYtXBR9uk,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{className:\"framer-styles-preset-1si7xkw\",\"data-styles-preset\":\"H2NX4Nqo_\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"During peak working hours, the process of ordering and picking up drinks in stores can be excessively time-consuming for users\"})}),className:\"framer-1pl7jjs\",layoutDependency:layoutDependency,layoutId:\"ls_pZpGq8\",style:{\"--extracted-r6o4lv\":\"var(--token-79d41a89-6154-40e2-a70a-e42cfe6bb187, rgb(17, 24, 39))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:LgL5i8qii,verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=['.framer-3VLIW [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-3VLIW .framer-rh71g8 { display: block; }\",\".framer-3VLIW .framer-1y0fjym { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 900px; }\",\".framer-3VLIW .framer-18y5hc9 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-3VLIW .framer-1pl7jjs { flex: none; height: auto; 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-3VLIW .framer-1y0fjym { gap: 0px; } .framer-3VLIW .framer-1y0fjym > * { margin: 0px; margin-bottom: calc(5px / 2); margin-top: calc(5px / 2); } .framer-3VLIW .framer-1y0fjym > :first-child { margin-top: 0px; } .framer-3VLIW .framer-1y0fjym > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css,...sharedStyle1.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 102\n * @framerIntrinsicWidth 900\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n */ const FramerDBBVfACpK=withCSS(Component,css,\"framer-3VLIW\");export default FramerDBBVfACpK;FramerDBBVfACpK.displayName=\"User Pain Points\";FramerDBBVfACpK.defaultProps={height:102,width:900};addPropertyControls(FramerDBBVfACpK,{nYtXBR9uk:{defaultValue:\"Pain Points\",displayTextArea:false,title:\"Pain Points\",type:ControlType.String},LgL5i8qii:{defaultValue:\"During peak working hours, the process of ordering and picking up drinks in stores can be excessively time-consuming for users\",displayTextArea:false,title:\"Pain Poins Description\",type:ControlType.String}});addFonts(FramerDBBVfACpK,[...sharedStyle.fonts,...sharedStyle1.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerDBBVfACpK\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"900\",\"framerIntrinsicHeight\":\"102\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DBBVfACpK.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "height", "id", "width", "props", "_painPoinsDescription", "ref", "_painPoints", "ref1", "createLayoutDependency", "variants", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "nYtXBR9uk", "LgL5i8qii", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "u", "RichText2", "x", "css", "FramerDBBVfACpK", "withCSS", "DBBVfACpK_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}