{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/TTEM3gYN00gbpL73iwjU/65iC94sTTkHIIgwB1wlV/bYNlBEgGL.js"],
  "sourcesContent": ["// Generated by Framer (015b6bb)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"F4H8NuHNR\",\"XOi55Zp7y\"];const serializationHash=\"framer-YZ4VT\";const variantClassNames={F4H8NuHNR:\"framer-v-1kpl7sa\",XOi55Zp7y:\"framer-v-1p291b9\"};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 transition1={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 Variants=motion(React.Fragment);const humanReadableVariantMap={Desktop:\"F4H8NuHNR\",Mobile:\"XOi55Zp7y\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"F4H8NuHNR\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"F4H8NuHNR\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Image,{...restProps,background:{alt:\"Screenshot of DropLab\",fit:\"fill\",intrinsicHeight:2274,intrinsicWidth:3456,pixelHeight:2496,pixelWidth:3456,positionX:\"center\",positionY:\"top\",src:\"https://framerusercontent.com/images/xXachAuKsmRvs6eEjYjvPjElFcs.png\"},className:cx(serializationHash,...sharedStyleClassNames,\"framer-1kpl7sa\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"F4H8NuHNR\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderTopLeftRadius:10,borderTopRightRadius:10,boxShadow:\"0px 1px 54px 0px rgba(0, 0, 0, 0.65)\",...style},variants:{XOi55Zp7y:{borderTopLeftRadius:4,borderTopRightRadius:4}},...addPropertyOverrides({XOi55Zp7y:{\"data-framer-name\":\"Mobile\",background:{alt:\"Screenshot of DropLab\",fit:\"fill\",intrinsicHeight:2274,intrinsicWidth:3456,pixelHeight:2496,pixelWidth:3456,positionX:\"left\",positionY:\"top\",src:\"https://framerusercontent.com/images/xXachAuKsmRvs6eEjYjvPjElFcs.png\"}}},baseVariant,gestureVariant)})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-YZ4VT.framer-ko971y, .framer-YZ4VT .framer-ko971y { display: block; }\",\".framer-YZ4VT.framer-1kpl7sa { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 691px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1020px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-YZ4VT.framer-1kpl7sa { gap: 0px; } .framer-YZ4VT.framer-1kpl7sa > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-YZ4VT.framer-1kpl7sa > :first-child { margin-left: 0px; } .framer-YZ4VT.framer-1kpl7sa > :last-child { margin-right: 0px; } }\",\".framer-YZ4VT.framer-v-1p291b9.framer-1kpl7sa { aspect-ratio: 1.4768041237113403 / 1; height: var(--framer-aspect-ratio-supported, 691px); }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 690.5\n * @framerIntrinsicWidth 1020\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"XOi55Zp7y\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerbYNlBEgGL=withCSS(Component,css,\"framer-YZ4VT\");export default FramerbYNlBEgGL;FramerbYNlBEgGL.displayName=\"App Screenshot\";FramerbYNlBEgGL.defaultProps={height:690.5,width:1020};addPropertyControls(FramerbYNlBEgGL,{variant:{options:[\"F4H8NuHNR\",\"XOi55Zp7y\"],optionTitles:[\"Desktop\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerbYNlBEgGL,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbYNlBEgGL\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"690.5\",\"framerIntrinsicWidth\":\"1020\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XOi55Zp7y\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./bYNlBEgGL.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_humanReadableVariantMap_props_variant", "_ref", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "Image2", "cx", "css", "FramerbYNlBEgGL", "withCSS", "bYNlBEgGL_default", "addPropertyControls", "ControlType", "addFonts"]
}