{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/xpobyontBmhEmSw40lFB/q9ceeVEBWV4sBEw5pMhi/Eza4sr6CX.js"],
  "sourcesContent": ["// Generated by Framer (bdd6aa1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,Link,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"I5:46680;5:46568\"];const variantClassNames={\"I5:46680;5:46568\":\"framer-v-2tksem\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({date,height,id,image,link,title,width,...props})=>{var ref,ref1,ref2;return{...props,mJiKzVJ6d:link!==null&&link!==void 0?link:props.mJiKzVJ6d,P00t6doC4:(ref=image!==null&&image!==void 0?image:props.P00t6doC4)!==null&&ref!==void 0?ref:{src:new URL(\"assets/wCjRmKyw9bNpYhfj7WwgCu9unJE.jpg\",\"https://framerusercontent.com/modules/xpobyontBmhEmSw40lFB/q9ceeVEBWV4sBEw5pMhi/Eza4sr6CX.js\").href},XRWmf7cYI:(ref1=date!==null&&date!==void 0?date:props.XRWmf7cYI)!==null&&ref1!==void 0?ref1:\"7 May, 2023\",Y_kyyGVON:(ref2=title!==null&&title!==void 0?title:props.Y_kyyGVON)!==null&&ref2!==void 0?ref2:\"Starting and Growing a Career in Web Design\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,P00t6doC4,XRWmf7cYI,Y_kyyGVON,mJiKzVJ6d,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"I5:46680;5:46568\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-jskQ5\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsx(Link,{href:mJiKzVJ6d,openInNewTab:false,children:/*#__PURE__*/ _jsxs(motion.a,{...restProps,className:`${cx(\"framer-2tksem\",className)} framer-1ihgfgj`,\"data-border\":true,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568\",ref:ref,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(230, 233, 238)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24,boxShadow:\"0px 2px 2px 0px rgba(242, 244, 247, 1)\",...style},children:[/*#__PURE__*/ _jsx(Image,{background:{alt:\"\",fit:\"fill\",sizes:\"min(380px, 100vw)\",...toResponsiveImage(P00t6doC4)},className:\"framer-1flqhug\",\"data-framer-name\":\"\u2724 Atom / Blog Image\",layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568;5:46328\"}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-jkmvi6\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568;5:46329\",children:/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-2sruf9\",\"data-framer-name\":\"Title\",layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568;5:46330\",children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--framer-font-size\":\"14px\",\"--framer-line-height\":\"20px\"},children:/*#__PURE__*/ _jsx(motion.span,{style:{\"--font-selector\":\"SW50ZXI=\",\"--framer-font-family\":'\"Inter\"',\"--framer-font-size\":\"14px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-text-color\":\"var(--extracted-1w3ko1f)\"},children:\"7 May, 2023\"})})}),className:\"framer-m9j0q8\",\"data-framer-name\":\"7 May, 2023\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568;5:46331\",style:{\"--extracted-1w3ko1f\":\"rgba(101, 112, 132, 1)\",\"--framer-paragraph-spacing\":\"0px\"},text:XRWmf7cYI,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"24px\"},children:/*#__PURE__*/ _jsx(motion.span,{style:{\"--font-selector\":\"SW50ZXI=\",\"--framer-font-family\":'\"Inter\"',\"--framer-font-size\":\"20px\"},children:\"Starting and Growing a Career in Web Design\"})})}),className:\"framer-1tsamb\",\"data-framer-name\":\"Retail\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"I5:46680;5:46568;5:46332\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:Y_kyyGVON,verticalAlignment:\"top\",withExternalLayout:true})]})})]})})})})});});const css=['.framer-jskQ5 [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-jskQ5 .framer-1ihgfgj { display: block; }\",\".framer-jskQ5 .framer-2tksem { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: 380px; will-change: transform; }\",\".framer-jskQ5 .framer-1flqhug { flex: none; height: 240px; overflow: hidden; position: relative; width: 100%; }\",\".framer-jskQ5 .framer-jkmvi6 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: visible; padding: 24px 24px 24px 24px; position: relative; width: 100%; }\",\".framer-jskQ5 .framer-2sruf9 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-jskQ5 .framer-m9j0q8 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-jskQ5 .framer-1tsamb { flex: none; height: 48px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-jskQ5 .framer-2tksem, .framer-jskQ5 .framer-jkmvi6, .framer-jskQ5 .framer-2sruf9 { gap: 0px; } .framer-jskQ5 .framer-2tksem > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-jskQ5 .framer-2tksem > :first-child, .framer-jskQ5 .framer-jkmvi6 > :first-child, .framer-jskQ5 .framer-2sruf9 > :first-child { margin-top: 0px; } .framer-jskQ5 .framer-2tksem > :last-child, .framer-jskQ5 .framer-jkmvi6 > :last-child, .framer-jskQ5 .framer-2sruf9 > :last-child { margin-bottom: 0px; } .framer-jskQ5 .framer-jkmvi6 > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-jskQ5 .framer-2sruf9 > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 364\n * @framerIntrinsicWidth 380\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"P00t6doC4\":\"image\",\"XRWmf7cYI\":\"date\",\"Y_kyyGVON\":\"title\",\"mJiKzVJ6d\":\"link\"}\n */ const FramerEza4sr6CX=withCSS(Component,css,\"framer-jskQ5\");export default FramerEza4sr6CX;FramerEza4sr6CX.displayName=\"Blog\";FramerEza4sr6CX.defaultProps={height:364,width:380};addPropertyControls(FramerEza4sr6CX,{P00t6doC4:{__defaultAssetReference:\"data:framer/asset-reference,wCjRmKyw9bNpYhfj7WwgCu9unJE.jpg?originalFilename=Rectangle+43.jpg&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage},XRWmf7cYI:{defaultValue:\"7 May, 2023\",displayTextArea:false,title:\"Date\",type:ControlType.String},Y_kyyGVON:{defaultValue:\"Starting and Growing a Career in Web Design\",displayTextArea:false,title:\"Title\",type:ControlType.String},mJiKzVJ6d:{title:\"Link\",type:ControlType.Link}});addFonts(FramerEza4sr6CX,[]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerEza4sr6CX\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"364\",\"framerVariables\":\"{\\\"P00t6doC4\\\":\\\"image\\\",\\\"XRWmf7cYI\\\":\\\"date\\\",\\\"Y_kyyGVON\\\":\\\"title\\\",\\\"mJiKzVJ6d\\\":\\\"link\\\"}\",\"framerIntrinsicWidth\":\"380\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Eza4sr6CX.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "transitions", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "date", "height", "id", "image", "link", "title", "width", "props", "ref", "ref1", "ref2", "createLayoutDependency", "variants", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "variant", "P00t6doC4", "XRWmf7cYI", "Y_kyyGVON", "mJiKzVJ6d", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "Link", "u", "Image2", "RichText2", "x", "css", "FramerEza4sr6CX", "withCSS", "Eza4sr6CX_default", "addPropertyControls", "ControlType", "addFonts"]
}