{"version":3,"file":"BlogCard.D1QVi6ze.mjs","names":[],"sources":["https:/framerusercontent.com/modules/23CAoJN7AwfXDbQFh8xG/s2WLwLjVCKrgNx6pWo24/BlogCard.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export function BlogCard(props){const{image,tag,title,date,ctaText,link,accentColor,backgroundColor,titleColor,tagBackgroundColor,tagTextColor,radius,imageAspectRatio,padding}=props;return /*#__PURE__*/_jsxs(\"a\",{href:link,style:cardLinkStyle,className:\"framer-blog-card\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"card-inner\",style:{...cardContainerStyle,borderRadius:radius,[\"--card-accent\"]:accentColor,[\"--card-bg\"]:backgroundColor,[\"--text-title\"]:titleColor,[\"--tag-bg\"]:tagBackgroundColor,[\"--tag-text\"]:tagTextColor},children:[/*#__PURE__*/_jsx(\"div\",{style:{...imageWrapperStyle,aspectRatio:String(imageAspectRatio)},children:/*#__PURE__*/_jsx(\"img\",{src:image,alt:title,style:imageStyle,className:\"card-image\"})}),/*#__PURE__*/_jsxs(\"div\",{style:{...contentStyle,padding},children:[/*#__PURE__*/_jsxs(\"div\",{style:metaStyle,children:[/*#__PURE__*/_jsx(\"span\",{style:tagStyle,className:\"card-tag\",children:tag}),/*#__PURE__*/_jsx(\"span\",{style:dateStyle,className:\"card-date\",children:date})]}),/*#__PURE__*/_jsx(\"h3\",{style:titleStyle,className:\"card-title\",children:title}),/*#__PURE__*/_jsxs(\"div\",{style:ctaStyle,className:\"card-cta\",children:[/*#__PURE__*/_jsx(\"span\",{children:ctaText}),/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"15\",height:\"15\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",className:\"card-cta-icon\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14M12 5l7 7-7 7\"})})]})]})]}),/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:globalStyles}})]});}export default BlogCard;BlogCard.defaultProps={image:\"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=800&q=80\",tag:\"Case Study\",title:\"Designing a design system that scales for global remote teams\",date:\"June 01, 2026\",ctaText:\"Read article\",link:\"#\",accentColor:\"#5B5BF7\",backgroundColor:\"#fcfcfd\",titleColor:\"#14141a\",tagBackgroundColor:\"rgba(20, 20, 25, 0.05)\",tagTextColor:\"#4a4a55\",radius:20,imageAspectRatio:1.5,padding:28};addPropertyControls(BlogCard,{image:{type:ControlType.Image,title:\"Image\"},tag:{type:ControlType.String,title:\"Tag\"},title:{type:ControlType.String,title:\"Title\"},date:{type:ControlType.String,title:\"Date\"},ctaText:{type:ControlType.String,title:\"CTA Text\"},link:{type:ControlType.Link,title:\"Link\"},accentColor:{type:ControlType.Color,title:\"Accent\"},backgroundColor:{type:ControlType.Color,title:\"Background\"},titleColor:{type:ControlType.Color,title:\"Title\"},tagBackgroundColor:{type:ControlType.Color,title:\"Tag Background\"},tagTextColor:{type:ControlType.Color,title:\"Tag Text\"},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:40,step:1},imageAspectRatio:{type:ControlType.Number,title:\"Image Ratio\",min:1,max:3,step:.05},padding:{type:ControlType.Number,title:\"Padding\",min:12,max:48,step:2}});const globalStyles=`\n  .framer-blog-card {\n    --card-border: rgba(20, 20, 25, 0.08);\n    --card-shadow-color: rgba(20, 20, 30, 0.10);\n    --text-date: #8a8a94;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .framer-blog-card {\n      --card-border: rgba(255, 255, 255, 0.08);\n      --card-shadow-color: rgba(0, 0, 0, 0.45);\n      --text-date: #8f8f99;\n    }\n  }\n\n  .framer-blog-card {\n    display: block;\n    text-decoration: none;\n    width: 100%;\n    height: 100%;\n  }\n\n  .card-inner {\n    background: var(--card-bg);\n    border: 1px solid var(--card-border);\n    box-shadow: 0 1px 2px var(--card-shadow-color);\n    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),\n      box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1),\n      border-color 0.45s ease;\n  }\n\n  .framer-blog-card:hover .card-inner {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 40px -12px var(--card-shadow-color);\n    border-color: var(--card-accent, #5B5BF7);\n  }\n\n  .card-image {\n    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .framer-blog-card:hover .card-image {\n    transform: scale(1.06);\n  }\n\n  .card-title {\n    color: var(--text-title);\n    transition: color 0.3s ease;\n  }\n\n  .framer-blog-card:hover .card-title {\n    color: var(--card-accent, #5B5BF7);\n  }\n\n  .card-date { color: var(--text-date); }\n  .card-tag { background: var(--tag-bg); color: var(--tag-text); }\n  .card-cta { color: var(--card-accent, #5B5BF7); }\n\n  .card-cta-icon {\n    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .framer-blog-card:hover .card-cta-icon {\n    transform: translateX(5px);\n  }\n`;const cardLinkStyle={display:\"block\",width:\"100%\",height:\"100%\"};const cardContainerStyle={display:\"flex\",flexDirection:\"column\",overflow:\"hidden\",height:\"100%\",fontFamily:'\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif'};const imageWrapperStyle={width:\"100%\",overflow:\"hidden\",position:\"relative\"};const imageStyle={width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"};const contentStyle={display:\"flex\",flexDirection:\"column\",flexGrow:1};const metaStyle={display:\"flex\",alignItems:\"center\",gap:\"10px\",marginBottom:\"14px\"};const tagStyle={fontSize:\"11.5px\",fontWeight:600,padding:\"5px 11px\",borderRadius:\"100px\",letterSpacing:\"0.02em\",textTransform:\"uppercase\"};const dateStyle={fontSize:\"13px\",fontWeight:500};const titleStyle={fontSize:\"21px\",fontWeight:650,lineHeight:1.35,margin:\"0 0 20px 0\",letterSpacing:\"-0.02em\",flexGrow:1};const ctaStyle={display:\"inline-flex\",alignItems:\"center\",gap:\"6px\",fontSize:\"14px\",fontWeight:600,letterSpacing:\"-0.01em\"};\nexport const __FramerMetadata__ = {\"exports\":{\"BlogCard\":{\"type\":\"reactComponent\",\"name\":\"BlogCard\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogCard\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogCard.map"],"mappings":"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"}