{"version":3,"file":"ProjectCardImage.DQ22RPoF.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/qXOg98XpUFNXGwRrSPiN/jKwvTDEbTCVxL3nxwtdM/ProjectCardImage.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n */export default function ProjectCardImage(props){const{image,overlayText,overlayColor,overlayOpacity,borderRadius,animationDuration,textSize,textWeight,textFamily,textColor,textTracking,iconSize,iconGap}=props;const[isHovered,setIsHovered]=useState(false);return /*#__PURE__*/_jsxs(\"div\",{onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),style:{...props.style,position:\"relative\",overflow:\"hidden\",borderRadius:`${borderRadius}px`,width:\"100%\",height:\"100%\"},children:[image&&/*#__PURE__*/_jsx(\"img\",{src:image,alt:\"\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}}),/*#__PURE__*/_jsx(motion.div,{animate:{opacity:isHovered?overlayOpacity:0},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{position:\"absolute\",inset:0,backgroundColor:overlayColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",pointerEvents:\"none\"},children:/*#__PURE__*/_jsxs(motion.div,{animate:{opacity:isHovered?1:0,y:isHovered?0:8},transition:{duration:animationDuration,ease:\"easeInOut\"},style:{display:\"flex\",alignItems:\"center\",gap:`${iconGap}px`,color:textColor},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:textFamily,fontSize:`${textSize}px`,fontWeight:textWeight,letterSpacing:`${textTracking}em`,lineHeight:1.2,color:textColor},children:overlayText}),/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14\"}),/*#__PURE__*/_jsx(\"path\",{d:\"m12 5 7 7-7 7\"})]})]})})]});}ProjectCardImage.defaultProps={overlayText:\"View case study\",overlayColor:\"#1A1A2E\",overlayOpacity:.85,borderRadius:8,animationDuration:.2,textSize:16,textWeight:\"500\",textFamily:\"Work Sans, sans-serif\",textColor:\"#FFFFFF\",textTracking:.01,iconSize:20,iconGap:8};addPropertyControls(ProjectCardImage,{image:{type:ControlType.Image,title:\"Image\"},overlayText:{type:ControlType.String,title:\"Overlay text\",defaultValue:\"View case study\"},textFamily:{type:ControlType.Enum,title:\"Font family\",options:[\"Work Sans, sans-serif\",\"Fraunces, serif\"],optionTitles:[\"Work Sans\",\"Fraunces\"],defaultValue:\"Work Sans, sans-serif\"},textSize:{type:ControlType.Number,title:\"Font size\",min:12,max:72,unit:\"px\",defaultValue:16,displayStepper:true},textWeight:{type:ControlType.Enum,title:\"Font weight\",options:[\"300\",\"400\",\"500\",\"600\",\"700\"],optionTitles:[\"Light\",\"Regular\",\"Medium\",\"Semibold\",\"Bold\"],defaultValue:\"500\"},textColor:{type:ControlType.Color,title:\"Text colour\",defaultValue:\"#FFFFFF\"},textTracking:{type:ControlType.Number,title:\"Letter spacing\",min:-.05,max:.2,step:.01,unit:\"em\",defaultValue:.01},iconSize:{type:ControlType.Number,title:\"Icon size\",min:12,max:48,unit:\"px\",defaultValue:20,displayStepper:true},iconGap:{type:ControlType.Number,title:\"Icon gap\",min:4,max:32,unit:\"px\",defaultValue:8,displayStepper:true},overlayColor:{type:ControlType.Color,title:\"Overlay colour\",defaultValue:\"#1A1A2E\"},overlayOpacity:{type:ControlType.Number,title:\"Overlay opacity\",min:0,max:1,step:.05,defaultValue:.85},borderRadius:{type:ControlType.Number,title:\"Border radius\",min:0,max:48,unit:\"px\",defaultValue:8,displayStepper:true},animationDuration:{type:ControlType.Number,title:\"Animation\",min:.1,max:.5,step:.05,unit:\"s\",defaultValue:.2}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectCardImage\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"600\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"400\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProjectCardImage.map"],"mappings":"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"}