{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/iP4RwwYHAHDDPfGDxQYW/Q3DiuPpq5FzxPRg3NSVN/Ruoxzueg_.js"],
  "sourcesContent": ["// Generated by Framer (bdd6aa1)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, getPropertyControls, Link, RichText, useLocaleInfo, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Iconoir } from \"https://framerusercontent.com/modules/zL9598C4KbEbqUGvSR14/rI8sPHpnG9XGcCPc0vU4/Iconoir.js\";\nconst IconoirFonts = getFonts(Iconoir);\nconst IconoirControls = getPropertyControls(Iconoir);\nconst enabledGestures = {\n  OeJkYhfx6: {\n    hover: true\n  }\n};\nconst cycleOrder = [\"OeJkYhfx6\"];\nconst variantClassNames = {\n  OeJkYhfx6: \"framer-v-1uahvvh\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n  const nextOverrides = {};\n  variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n  return nextOverrides;\n}\nconst transitions = {\n  default: {\n    delay: 0,\n    duration: .1,\n    ease: [.44, 0, .56, 1],\n    type: \"tween\"\n  }\n};\nconst Transition = ({\n  value,\n  children\n}) => {\n  const config = React.useContext(MotionConfigContext);\n  const transition = value !== null && value !== void 0 ? value : config.transition;\n  const contextValue = React.useMemo(() => ({\n    ...config,\n    transition\n  }), [JSON.stringify(transition)]);\n  return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n};\nconst getProps = ({\n  fontSize,\n  height,\n  icon,\n  id,\n  link,\n  title,\n  width,\n  ...props\n}) => {\n  var ref, ref1, ref2;\n  return {\n    ...props,\n    DpRNpp1jH: (ref = fontSize !== null && fontSize !== void 0 ? fontSize : props.DpRNpp1jH) !== null && ref !== void 0 ? ref : 15,\n    DSDH0bvk4: link !== null && link !== void 0 ? link : props.DSDH0bvk4,\n    HGyreVdWq: (ref1 = title !== null && title !== void 0 ? title : props.HGyreVdWq) !== null && ref1 !== void 0 ? ref1 : \"Starting and Growing a Career in Web Design\",\n    u1vIXKiUy: (ref2 = icon !== null && icon !== void 0 ? icon : props.u1vIXKiUy) !== null && ref2 !== void 0 ? ref2 : \"GoogleDocs\"\n  };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  const {\n    activeLocale\n  } = useLocaleInfo();\n  const {\n    style,\n    className,\n    layoutId,\n    variant,\n    DSDH0bvk4,\n    HGyreVdWq,\n    u1vIXKiUy,\n    DpRNpp1jH,\n    ...restProps\n  } = getProps(props);\n  const {\n    baseVariant,\n    classNames,\n    gestureVariant,\n    setGestureState,\n    setVariant,\n    transition,\n    variants\n  } = useVariantState({\n    cycleOrder,\n    defaultVariant: \"OeJkYhfx6\",\n    enabledGestures,\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = createLayoutDependency(props, variants);\n  const defaultLayoutId = React.useId();\n  return /*#__PURE__*/_jsx(LayoutGroup, {\n    id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n    children: /*#__PURE__*/_jsx(motion.div, {\n      initial: variant,\n      animate: variants,\n      onHoverStart: () => setGestureState({\n        isHovered: true\n      }),\n      onHoverEnd: () => setGestureState({\n        isHovered: false\n      }),\n      onTapStart: () => setGestureState({\n        isPressed: true\n      }),\n      onTap: () => setGestureState({\n        isPressed: false\n      }),\n      onTapCancel: () => setGestureState({\n        isPressed: false\n      }),\n      className: cx(\"framer-e1xy9\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsx(Transition, {\n        value: transition,\n        children: /*#__PURE__*/_jsx(Link, {\n          href: DSDH0bvk4,\n          children: /*#__PURE__*/_jsxs(motion.a, {\n            ...restProps,\n            className: `${cx(\"framer-1uahvvh\", className)} framer-1lykm57`,\n            \"data-framer-name\": \"Variant 1\",\n            layoutDependency: layoutDependency,\n            layoutId: \"OeJkYhfx6\",\n            ref: ref,\n            style: {\n              ...style\n            },\n            ...addPropertyOverrides({\n              \"OeJkYhfx6-hover\": {\n                \"data-framer-name\": undefined\n              }\n            }, baseVariant, gestureVariant),\n            children: [/*#__PURE__*/_jsx(motion.div, {\n              className: \"framer-1jleohu-container\",\n              layoutDependency: layoutDependency,\n              layoutId: \"xHM00Qu1I-container\",\n              children: /*#__PURE__*/_jsx(Iconoir, {\n                color: 'var(--token-f7ef7798-735e-4f4b-9c1d-a792d4b7de4f, rgba(0, 0, 0, 0.45)) /* {\"name\":\"Icon Color\"} */',\n                height: \"100%\",\n                iconSearch: \"file\",\n                iconSelection: u1vIXKiUy,\n                id: \"xHM00Qu1I\",\n                layoutId: \"xHM00Qu1I\",\n                mirrored: false,\n                selectByList: true,\n                style: {\n                  height: \"100%\",\n                  width: \"100%\"\n                },\n                width: \"100%\"\n              })\n            }), /*#__PURE__*/_jsx(RichText, {\n              __fromCanvasComponent: true,\n              children: /*#__PURE__*/_jsx(React.Fragment, {\n                children: /*#__PURE__*/_jsx(motion.h2, {\n                  style: {\n                    \"--font-selector\": \"SW50ZXItTWVkaXVt\",\n                    \"--framer-font-family\": '\"Inter-Medium\", \"Inter\", sans-serif',\n                    \"--framer-font-size\": \"calc(var(--variable-reference-DpRNpp1jH-Ruoxzueg_) * 1px)\",\n                    \"--framer-font-weight\": \"500\",\n                    \"--framer-line-height\": \"1.6em\",\n                    \"--framer-text-color\": \"var(--extracted-1of0zx5)\"\n                  },\n                  children: \"Starting and Growing a Career in Web Design\"\n                })\n              }),\n              className: \"framer-1yxos56\",\n              \"data-framer-name\": \"Title\",\n              fonts: [\"Inter-Medium\"],\n              layoutDependency: layoutDependency,\n              layoutId: \"WaTKUpPTy\",\n              style: {\n                \"--extracted-1of0zx5\": \"var(--token-e8bf675a-a2d2-4c6c-8e08-8671ec1fb6bb, rgb(0, 0, 0))\",\n                \"--framer-paragraph-spacing\": \"0px\",\n                \"--variable-reference-DpRNpp1jH-Ruoxzueg_\": DpRNpp1jH,\n                opacity: .55\n              },\n              text: HGyreVdWq,\n              variants: {\n                \"OeJkYhfx6-hover\": {\n                  opacity: 1\n                }\n              },\n              verticalAlignment: \"top\",\n              withExternalLayout: true\n            })]\n          })\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-e1xy9 [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-e1xy9 .framer-1lykm57 { display: block; }\", \".framer-e1xy9 .framer-1uahvvh { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: 364px; }\", \".framer-e1xy9 .framer-1jleohu-container { flex: none; height: 24px; position: relative; width: 18px; }\", \".framer-e1xy9 .framer-1yxos56 { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\", \".framer-e1xy9 .framer-v-1uahvvh .framer-1uahvvh { cursor: pointer; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-e1xy9 .framer-1uahvvh { gap: 0px; } .framer-e1xy9 .framer-1uahvvh > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-e1xy9 .framer-1uahvvh > :first-child { margin-left: 0px; } .framer-e1xy9 .framer-1uahvvh > :last-child { margin-right: 0px; } }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * @framerIntrinsicHeight 24\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * @framerIntrinsicWidth 364\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"oMhTO6eBo\":{\"layout\":[\"fixed\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * @framerVariables {\"DSDH0bvk4\":\"link\",\"HGyreVdWq\":\"title\",\"u1vIXKiUy\":\"icon\",\"DpRNpp1jH\":\"fontSize\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */\nconst FramerRuoxzueg_ = withCSS(Component, css, \"framer-e1xy9\");\nexport default FramerRuoxzueg_;\nFramerRuoxzueg_.displayName = \"Article Card - Design 1\";\nFramerRuoxzueg_.defaultProps = {\n  height: 24,\n  width: 364\n};\naddPropertyControls(FramerRuoxzueg_, {\n  DSDH0bvk4: {\n    title: \"Link\",\n    type: ControlType.Link\n  },\n  HGyreVdWq: {\n    defaultValue: \"Starting and Growing a Career in Web Design\",\n    title: \"Title\",\n    type: ControlType.String\n  },\n  u1vIXKiUy: (IconoirControls === null || IconoirControls === void 0 ? void 0 : IconoirControls[\"iconSelection\"]) && {\n    ...IconoirControls[\"iconSelection\"],\n    defaultValue: \"GoogleDocs\",\n    hidden: undefined,\n    title: \"Icon\"\n  },\n  DpRNpp1jH: {\n    defaultValue: 15,\n    title: \"Font Size\",\n    type: ControlType.Number\n  }\n});\naddFonts(FramerRuoxzueg_, [...IconoirFonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerRuoxzueg_\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"364\",\n        \"framerVariables\": \"{\\\"DSDH0bvk4\\\":\\\"link\\\",\\\"HGyreVdWq\\\":\\\"title\\\",\\\"u1vIXKiUy\\\":\\\"icon\\\",\\\"DpRNpp1jH\\\":\\\"fontSize\\\"}\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"oMhTO6eBo\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n        \"framerIntrinsicHeight\": \"24\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Ruoxzueg_.map"],
  "mappings": "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",
  "names": ["IconoirFonts", "getFonts", "Icon", "IconoirControls", "getPropertyControls", "enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "getProps", "fontSize", "height", "icon", "id", "link", "title", "width", "props", "ref", "ref1", "ref2", "createLayoutDependency", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "DSDH0bvk4", "HGyreVdWq", "u1vIXKiUy", "DpRNpp1jH", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "Link", "u", "RichText", "x", "css", "FramerRuoxzueg_", "withCSS", "Ruoxzueg_default", "addPropertyControls", "ControlType", "addFonts"]
}