{"version":3,"file":"Case_Study_Overview.BG2VMyYn.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,KAAK,CAAM,CAAC,EAAS,GAAaC,EAAS,GAAM,CAA+U,OAA9U,MAAc,CAAC,IAAM,EAAG,EAAa,QAAQ,GAAG,CAAC,EAAG,OAAO,IAAM,EAAG,IAAI,gBAAgB,CAAC,KAAS,CAAC,EAAY,EAAM,YAAY,MAAM,IAAI,EAAG,CAAgB,OAAf,EAAG,QAAQ,EAAG,KAAW,EAAG,YAAY,EAAG,EAAE,CAAC,CAAqK,EAAK,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,QAAQ,OAAO,oBAAoB,EAAS,iBAAiB,iBAAiB,IAAI,GAAG,MAAM,OAAO,WAAW,wBAAwB,CAAC,SAAlU,CAAC,CAAC,MAAM,OAAO,MAAM,EAAK,CAAC,CAAC,MAAM,eAAe,MAAM,EAAa,CAAC,CAAC,MAAM,WAAW,MAAM,EAAS,CAAC,CAAC,MAAM,QAAQ,MAAM,EAAM,CAAC,CAA8M,IAAI,GAAgB,EAAM,MAAM,CAAC,MAAM,CAAC,WAAW,UAAU,aAAa,GAAG,QAAQ,iBAAiB,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,OAAO,cAAc,YAAY,cAAc,SAAS,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,IAAI,MAAM,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAhoC,IAAoD,IAA6C,CAAiiC,EAAkB,aAAa,CAAC,KAAK,uBAAuB,aAAa,gCAAgC,SAAS,YAAY,MAAM,gBAAgB,CAAC,EAAoB,EAAkB,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,CAAC,CAAC"}