{"version":3,"file":"left_aligned_with_image.69vcojQS.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/0uwK0EgCHVXoLyISuAFi/Xg3F1kuHdTZlFzvEuIK3/left_aligned_with_image.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,useRef}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 500\n */export default function Left_aligned_with_image(props){const{label=\"Industry expertise\",heading=\"Refine your payments performance with expert input\",body=\"Our team is made up of veterans from financial networks, consultancies, leading brands and industry groups. We can advise on changing regulations and provide engineering assistance to optimise your setup for conversion.\",image,labelColor=\"#635BFF\",headingColor=\"#0A2540\",bodyColor=\"#425466\",backgroundColor=\"#FFFFFF\",verticalPadding=80,horizontalPadding=24,gap=60,imageRadius=12,imageShadow=true}=props;const containerRef=useRef(null);const[containerWidth,setContainerWidth]=useState(1200);useEffect(()=>{if(!containerRef.current)return;const ro=new ResizeObserver(entries=>{for(const entry of entries){setContainerWidth(entry.contentRect.width);}});ro.observe(containerRef.current);return()=>ro.disconnect();},[]);const isMobile=containerWidth<640;const isTablet=containerWidth>=640&&containerWidth<960;return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",backgroundColor,display:\"flex\",justifyContent:\"center\",padding:`${verticalPadding}px ${horizontalPadding}px`,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",maxWidth:1200,display:\"flex\",flexDirection:isMobile?\"column\":\"row\",alignItems:isMobile?\"flex-start\":\"center\",gap:isMobile?40:isTablet?40:gap},children:[/*#__PURE__*/_jsxs(\"div\",{style:{flex:isMobile?\"1 1 auto\":isTablet?\"0 0 45%\":\"0 0 40%\",width:isMobile?\"100%\":undefined},children:[label&&/*#__PURE__*/_jsx(\"p\",{style:{margin:0,marginBottom:16,fontSize:15,fontWeight:600,lineHeight:1.5,letterSpacing:\"0.02em\",color:labelColor,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"},children:label}),/*#__PURE__*/_jsx(\"h2\",{style:{margin:0,marginBottom:20,fontSize:isMobile?28:isTablet?32:36,fontWeight:600,lineHeight:1.2,letterSpacing:\"-0.02em\",color:headingColor,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontSize:isMobile?16:17,fontWeight:400,lineHeight:1.6,color:bodyColor,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\"},children:body})]}),/*#__PURE__*/_jsx(\"div\",{style:{flex:isMobile?\"1 1 auto\":\"1\",width:isMobile?\"100%\":undefined,display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},children:image?/*#__PURE__*/_jsx(\"img\",{src:image,alt:\"\",style:{width:\"100%\",height:\"auto\",borderRadius:imageRadius,display:\"block\",boxShadow:imageShadow?\"0 30px 60px rgba(0,0,0,0.12)\":\"none\"}}):/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",aspectRatio:\"4/3\",borderRadius:imageRadius,backgroundColor:\"#F6F9FC\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:\"#8898AA\",fontSize:14,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",boxShadow:imageShadow?\"0 30px 60px rgba(0,0,0,0.12)\":\"none\"},children:\"Drop image here\"})})]})});}addPropertyControls(Left_aligned_with_image,{label:{title:\"Label\",type:ControlType.String,defaultValue:\"Industry expertise\"},heading:{title:\"Heading\",type:ControlType.String,defaultValue:\"Refine your payments performance with expert input\",displayTextArea:true},body:{title:\"Body\",type:ControlType.String,defaultValue:\"Our team is made up of veterans from financial networks, consultancies, leading brands and industry groups. We can advise on changing regulations and provide engineering assistance to optimise your setup for conversion.\",displayTextArea:true},image:{title:\"Image\",type:ControlType.Image},labelColor:{title:\"Label Color\",type:ControlType.Color,defaultValue:\"#635BFF\"},headingColor:{title:\"Heading Color\",type:ControlType.Color,defaultValue:\"#0A2540\"},bodyColor:{title:\"Body Color\",type:ControlType.Color,defaultValue:\"#425466\"},backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},verticalPadding:{title:\"V. Padding\",type:ControlType.Number,defaultValue:80,min:0,max:200,step:8},horizontalPadding:{title:\"H. Padding\",type:ControlType.Number,defaultValue:24,min:0,max:100,step:4},gap:{title:\"Gap\",type:ControlType.Number,defaultValue:60,min:0,max:120,step:4},imageRadius:{title:\"Image Radius\",type:ControlType.Number,defaultValue:12,min:0,max:40,step:2},imageShadow:{title:\"Image Shadow\",type:ControlType.Boolean,defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Left_aligned_with_image\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerIntrinsicHeight\":\"500\",\"framerIntrinsicWidth\":\"1200\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./left_aligned_with_image.map"],"mappings":"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"}