{"version":3,"file":"Case_Study_Overview.DVQhadJW.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/WZHJDQ8O8gLFtPHtX0ax/gJpeIcgA6CAr2dsxQkLd/Case_Study_Overview.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useRef,useEffect,useState}from\"react\";export default function CaseStudyOverview({role,deliverables,timeline,tools}){const containerRef=useRef(null);const[isMobile,setIsMobile]=useState(false);useEffect(()=>{const el=containerRef.current;if(!el)return;const ro=new ResizeObserver(([entry])=>{setIsMobile(entry.contentRect.width<640);});ro.observe(el);return()=>ro.disconnect();},[]);const stats=[{label:\"Role\",value:role},{label:\"Deliverables\",value:deliverables},{label:\"Timeline\",value:timeline},{label:\"Tools\",value:tools}];return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{display:\"grid\",gridTemplateColumns:isMobile?\"repeat(2, 1fr)\":\"repeat(4, 1fr)\",gap:12,width:\"100%\",fontFamily:\"'Poppins', sans-serif\"},children:stats.map(s=>/*#__PURE__*/_jsxs(\"div\",{style:{background:\"#FFFFFF\",borderRadius:16,padding:\"1.1rem 1.25rem\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:10,color:\"#888\",textTransform:\"uppercase\",letterSpacing:\"0.08em\",marginBottom:6},children:s.label}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13,fontWeight:500,color:\"#080808\"},children:s.value})]},s.label))});}CaseStudyOverview.defaultProps={role:\"Brand & Web Designer\",deliverables:\"Logo, Brand Identity, Website\",timeline:\"~2 months\",tools:\"Figma, Framer\"};addPropertyControls(CaseStudyOverview,{role:{type:ControlType.String,title:\"Role\"},deliverables:{type:ControlType.String,title:\"Deliverables\"},timeline:{type:ControlType.String,title:\"Timeline\"},tools:{type:ControlType.String,title:\"Tools\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CaseStudyOverview\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Case_Study_Overview.map"],"mappings":"+LAA0J,SAAwB,EAAkB,CAAC,OAAK,eAAa,WAAS,SAAO,CAAC,IAAM,EAAaA,EAAO,IAAI,EAAO,CAAC,EAAS,GAAaC,EAAS,EAAK,EAAgV,OAA9U,MAAc,CAAC,IAAM,EAAG,EAAa,QAAQ,GAAG,CAAC,EAAG,OAAO,IAAM,EAAG,IAAI,gBAAgB,CAAC,KAAS,CAAC,EAAY,EAAM,YAAY,MAAM,GAAG,CAAE,CAAC,EAAiB,OAAf,EAAG,QAAQ,CAAE,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAC,EAAsK,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,QAAQ,OAAO,oBAAoB,EAAS,iBAAiB,iBAAiB,IAAI,GAAG,MAAM,OAAO,WAAW,uBAAuB,EAAE,SAAS,CAA1U,CAAC,MAAM,OAAO,MAAM,CAAI,EAAE,CAAC,MAAM,eAAe,MAAM,CAAY,EAAE,CAAC,MAAM,WAAW,MAAM,CAAQ,EAAE,CAAC,MAAM,QAAQ,MAAM,CAAK,CAA8M,CAAC,CAAC,IAAI,GAAgB,EAAM,MAAM,CAAC,MAAM,CAAC,WAAW,UAAU,aAAa,GAAG,QAAQ,gBAAgB,EAAE,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,OAAO,cAAc,YAAY,cAAc,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,IAAI,MAAM,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAE,iBAAloC,IAAoD,IAA6C,EAAkiC,EAAkB,aAAa,CAAC,KAAK,uBAAuB,aAAa,gCAAgC,SAAS,YAAY,MAAM,eAAe,EAAE,EAAoB,EAAkB,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,CAAC,CAAC"}