{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/tnYlRhORsEGhCJ8AydVF/hTblqWwqGyDle8M88bD2/cyvECMmh9.js", "ssg:https://framerusercontent.com/modules/1h45RO5EFX1u5zVAEpRx/Umth3SsLQ5RWcbCTi8K4/bYbMG6xmg.js"], "sourcesContent": ["// Generated by Framer (8602779)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, Image, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nconst cycleOrder = [\"znl0XCW4i\", \"UJ_WhloaQ\"];\nconst variantClassNames = {\n UJ_WhloaQ: \"framer-v-1gzusfy\",\n znl0XCW4i: \"framer-v-xd9uxg\"\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 humanReadableVariantMap = {\n \"16:9\": \"UJ_WhloaQ\",\n \"4:3\": \"znl0XCW4i\"\n};\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst toResponsiveImage = value => {\n if (typeof value === \"object\" && value !== null && typeof value.src === \"string\") {\n return value;\n }\n return typeof value === \"string\" ? {\n src: value\n } : undefined;\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"znl0XCW4i\",\n image: njuUiuI1E = {\n src: new URL(\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg?scale-down-to=512\").href,\n srcSet: `${new URL(\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg?scale-down-to=512\").href} 512w, ${new URL(\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg\").href} 960w`\n },\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"znl0XCW4i\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-RXsRu\", classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(Image, {\n ...restProps,\n background: {\n alt: \"\",\n fit: \"fill\",\n ...toResponsiveImage(njuUiuI1E)\n },\n className: cx(\"framer-xd9uxg\", className),\n \"data-framer-name\": \"4:3\",\n layoutDependency: layoutDependency,\n layoutId: \"znl0XCW4i\",\n ref: ref,\n style: {\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n UJ_WhloaQ: {\n \"data-framer-name\": \"16:9\"\n }\n }, baseVariant, gestureVariant)\n })\n })\n });\n});\nconst css = ['.framer-RXsRu [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-RXsRu .framer-1f72027 { display: block; }\", \".framer-RXsRu .framer-xd9uxg { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 300px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 400px; }\", \".framer-RXsRu .framer-azg0rp { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: var(--framer-aspect-ratio-supported, 80px); justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 80px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-RXsRu .framer-xd9uxg, .framer-RXsRu .framer-azg0rp { gap: 0px; } .framer-RXsRu .framer-xd9uxg > *, .framer-RXsRu .framer-azg0rp > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-RXsRu .framer-xd9uxg > :first-child, .framer-RXsRu .framer-azg0rp > :first-child { margin-top: 0px; } .framer-RXsRu .framer-xd9uxg > :last-child, .framer-RXsRu .framer-azg0rp > :last-child { margin-bottom: 0px; } }\", \".framer-RXsRu.framer-v-1gzusfy .framer-xd9uxg { aspect-ratio: 1.7777777777777777 / 1; height: var(--framer-aspect-ratio-supported, 225px); }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 300\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"UJ_WhloaQ\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"njuUiuI1E\":\"image\"}\n */\nconst FramercyvECMmh9 = withCSS(Component, css, \"framer-RXsRu\");\nexport default FramercyvECMmh9;\nFramercyvECMmh9.displayName = \"Aspect\";\nFramercyvECMmh9.defaultProps = {\n height: 300,\n width: 400\n};\naddPropertyControls(FramercyvECMmh9, {\n variant: {\n options: [\"znl0XCW4i\", \"UJ_WhloaQ\"],\n optionTitles: [\"4:3\", \"16:9\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n njuUiuI1E: {\n __defaultAssetReference: \"data:framer/asset-reference,2fLrFhljQrF8z3ItKTZTsMiFA.jpg?originalFilename=yum-yum-illustration-friends-sloth%40960.jpg&preferredSize=auto\",\n title: \"Image\",\n type: ControlType.ResponsiveImage\n }\n});\naddFonts(FramercyvECMmh9, []);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramercyvECMmh9\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicHeight\": \"300\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"UJ_WhloaQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n \"framerIntrinsicWidth\": \"400\",\n \"framerContractVersion\": \"1\",\n \"framerVariables\": \"{\\\"njuUiuI1E\\\":\\\"image\\\"}\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./cyvECMmh9.map", "// Generated by Framer (716dd6f)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, getPropertyControls, Link, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/Yjr1craJWLTjmsNriYwB/Io32YsG5FpQU802t3XoZ/fT1KdWPA4.js\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/wMao3gBkUVJYFz5DPDLr/S5wciQC9Qkk0qX6JMpFy/YckFIlg3V.js\";\nimport Aspect from \"https://framerusercontent.com/modules/tnYlRhORsEGhCJ8AydVF/hTblqWwqGyDle8M88bD2/cyvECMmh9.js\";\nconst AspectFonts = getFonts(Aspect);\nconst AspectControls = getPropertyControls(Aspect);\nconst enabledGestures = {\n FW7DsLVA5: {\n hover: true\n },\n ir9TOuATN: {\n hover: true\n },\n tXmugLPsv: {\n hover: true\n }\n};\nconst cycleOrder = [\"ir9TOuATN\", \"FW7DsLVA5\", \"tXmugLPsv\"];\nconst variantClassNames = {\n FW7DsLVA5: \"framer-v-1sebzib\",\n ir9TOuATN: \"framer-v-8rmfu2\",\n tXmugLPsv: \"framer-v-1olyztn\"\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 humanReadableVariantMap = {\n \"Caption Inside\": \"FW7DsLVA5\",\n Desktop: \"ir9TOuATN\",\n Phone: \"tXmugLPsv\"\n};\nconst transitions = {\n default: {\n damping: 30,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 600,\n type: \"spring\"\n },\n FW7DsLVA5: {\n damping: 50,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nfunction toResponsiveImage_194x2gw(value) {\n if (typeof value === \"object\" && value !== null && typeof value.src === \"string\") {\n return value;\n }\n return typeof value === \"string\" ? {\n src: value\n } : undefined;\n}\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n }\n return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"ir9TOuATN\",\n link: WW7wZUwVP,\n image: DPwoNO0Ct = {\n src: new URL(\"https://framerusercontent.com/images/2fLrFhljQrF8z3ItKTZTsMiFA.jpg\").href\n },\n showTitles: qvBMszXyV = true,\n title: gBvYfBpkl = \"\",\n category: MHLPlTd1g = \"\",\n aspect: kDIrqkfbq = \"znl0XCW4i\",\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"ir9TOuATN\",\n enabledGestures,\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const isDisplayed = () => {\n if (gestureVariant === \"FW7DsLVA5-hover\") return true;\n if (baseVariant === \"FW7DsLVA5\") return true;\n return qvBMszXyV;\n };\n const defaultLayoutId = useRandomID();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\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-DZhht\", sharedStyle.className, sharedStyle1.className, classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : \"auto\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: WW7wZUwVP,\n openInNewTab: false,\n smoothScroll: true,\n children: /*#__PURE__*/_jsxs(motion.a, {\n ...restProps,\n \"aria-label\": \"Image\",\n className: `${cx(\"framer-8rmfu2\", className)} framer-16yrxd6`,\n \"data-framer-name\": \"Desktop\",\n layoutDependency: layoutDependency,\n layoutId: \"ir9TOuATN\",\n ref: ref,\n style: {\n ...style\n },\n transition: transition,\n ...addPropertyOverrides({\n \"FW7DsLVA5-hover\": {\n \"data-framer-name\": undefined\n },\n \"ir9TOuATN-hover\": {\n \"data-framer-name\": undefined\n },\n \"tXmugLPsv-hover\": {\n \"data-framer-name\": undefined\n },\n FW7DsLVA5: {\n \"data-framer-name\": \"Caption Inside\"\n },\n tXmugLPsv: {\n \"data-framer-name\": \"Phone\"\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1r3j2lu-container\",\n layoutDependency: layoutDependency,\n layoutId: \"FBVtuKTj5-container\",\n transition: transition,\n variants: {\n \"FW7DsLVA5-hover\": {\n opacity: .8\n },\n \"ir9TOuATN-hover\": {\n opacity: .8\n },\n \"tXmugLPsv-hover\": {\n opacity: .8\n }\n },\n children: /*#__PURE__*/_jsx(Aspect, {\n height: \"100%\",\n id: \"FBVtuKTj5\",\n image: toResponsiveImage_194x2gw(DPwoNO0Ct),\n layoutId: \"FBVtuKTj5\",\n style: {\n width: \"100%\"\n },\n variant: kDIrqkfbq,\n width: \"100%\"\n })\n }), isDisplayed() && /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1y22eih\",\n layoutDependency: layoutDependency,\n layoutId: \"oBRYuXCIb\",\n transition: transition,\n variants: {\n FW7DsLVA5: {\n backgroundColor: \"var(--token-cd5d0062-b24b-4604-9906-b0a12b4e1a8c, rgb(255, 255, 255))\"\n }\n },\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-hr8769\",\n \"data-styles-preset\": \"fT1KdWPA4\",\n style: {\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Content\"\n })\n }),\n className: \"framer-2omjur\",\n \"data-framer-name\": \"Category\",\n layoutDependency: layoutDependency,\n layoutId: \"cIPOSj5D6\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-e6ae68f3-2987-4308-9cf5-3de1fcc290d0, rgb(94, 94, 94)) \",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: MHLPlTd1g,\n transition: transition,\n variants: {\n FW7DsLVA5: {\n \"--extracted-r6o4lv\": \"var(--token-e6ae68f3-2987-4308-9cf5-3de1fcc290d0, rgb(99, 106, 126)) \"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-12lj5ox\",\n \"data-styles-preset\": \"YckFIlg3V\",\n children: \"Content\"\n })\n }),\n className: \"framer-124diby\",\n \"data-framer-name\": \"Title\",\n layoutDependency: layoutDependency,\n layoutId: \"J6nEzQwFN\",\n style: {\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n text: gBvYfBpkl,\n transition: transition,\n variants: {\n \"ir9TOuATN-hover\": {\n \"--extracted-r6o4lv\": \"var(--token-98015605-5655-4e74-b6bc-72935e79aa45, rgb(142, 21, 41)) \"\n },\n FW7DsLVA5: {\n \"--extracted-r6o4lv\": \"var(--token-80e71051-edad-4e45-85c7-57ba757cd31f, rgb(6, 10, 35)) \"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n \"FW7DsLVA5-hover\": {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-12lj5ox\",\n \"data-styles-preset\": \"YckFIlg3V\",\n children: \"Content\"\n })\n })\n },\n \"ir9TOuATN-hover\": {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-12lj5ox\",\n \"data-styles-preset\": \"YckFIlg3V\",\n style: {\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Content\"\n })\n })\n },\n FW7DsLVA5: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n className: \"framer-styles-preset-12lj5ox\",\n \"data-styles-preset\": \"YckFIlg3V\",\n style: {\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Content\"\n })\n })\n }\n }, baseVariant, gestureVariant)\n })]\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-DZhht [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-DZhht * { box-sizing: border-box; }\", \".framer-DZhht .framer-16yrxd6 { display: block; }\", \".framer-DZhht .framer-8rmfu2 { 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: visible; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: 400px; }\", \".framer-DZhht .framer-1r3j2lu-container { flex: none; height: auto; position: relative; width: 100%; }\", \".framer-DZhht .framer-1y22eih { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 16px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-DZhht .framer-2omjur, .framer-DZhht .framer-124diby { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-DZhht .framer-v-1sebzib .framer-8rmfu2, .framer-DZhht .framer-v-1olyztn .framer-8rmfu2, .framer-DZhht .framer-v-8rmfu2 .framer-8rmfu2 { cursor: pointer; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-DZhht .framer-8rmfu2, .framer-DZhht .framer-1y22eih { gap: 0px; } .framer-DZhht .framer-8rmfu2 > *, .framer-DZhht .framer-1y22eih > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-DZhht .framer-8rmfu2 > :first-child, .framer-DZhht .framer-1y22eih > :first-child { margin-top: 0px; } .framer-DZhht .framer-8rmfu2 > :last-child, .framer-DZhht .framer-1y22eih > :last-child { margin-bottom: 0px; } }\", \".framer-DZhht.framer-v-1sebzib .framer-8rmfu2 { overflow: hidden; }\", \".framer-DZhht.framer-v-1sebzib .framer-1y22eih { bottom: -100px; left: 0px; padding: 18px 25px 18px 25px; position: absolute; right: 0px; width: unset; z-index: 1; }\", \".framer-DZhht.framer-v-1olyztn .framer-1y22eih { padding: 25px 30px 25px 30px; }\", \".framer-DZhht.framer-v-1sebzib.hover .framer-1y22eih { bottom: 0px; width: unset; }\", ...sharedStyle.css, ...sharedStyle1.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 316\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"FW7DsLVA5\":{\"layout\":[\"fixed\",\"auto\"]},\"tXmugLPsv\":{\"layout\":[\"fixed\",\"auto\"]},\"kdDCQ40Tx\":{\"layout\":[\"fixed\",\"auto\"]},\"LuJUu9luh\":{\"layout\":[\"fixed\",\"auto\"]},\"Eq5kcMk_0\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"WW7wZUwVP\":\"link\",\"DPwoNO0Ct\":\"image\",\"qvBMszXyV\":\"showTitles\",\"gBvYfBpkl\":\"title\",\"MHLPlTd1g\":\"category\",\"kDIrqkfbq\":\"aspect\"}\n */\nconst FramerbYbMG6xmg = withCSS(Component, css);\nexport default FramerbYbMG6xmg;\nFramerbYbMG6xmg.displayName = \"Thumbnail\";\nFramerbYbMG6xmg.defaultProps = {\n height: 316,\n width: 400\n};\naddPropertyControls(FramerbYbMG6xmg, {\n variant: {\n options: [\"ir9TOuATN\", \"FW7DsLVA5\", \"tXmugLPsv\"],\n optionTitles: [\"Desktop\", \"Caption Inside\", \"Phone\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n WW7wZUwVP: {\n title: \"Link\",\n type: ControlType.Link\n },\n DPwoNO0Ct: {\n __defaultAssetReference: \"data:framer/asset-reference,2fLrFhljQrF8z3ItKTZTsMiFA.jpg?originalFilename=yum-yum-illustration-friends-sloth%40960.jpg&preferredSize=full\",\n title: \"Image\",\n type: ControlType.ResponsiveImage\n },\n qvBMszXyV: {\n defaultValue: true,\n title: \"Show Titles\",\n type: ControlType.Boolean\n },\n gBvYfBpkl: {\n defaultValue: \"\",\n displayTextArea: false,\n placeholder: \"Title\",\n title: \"Title\",\n type: ControlType.String\n },\n MHLPlTd1g: {\n defaultValue: \"\",\n displayTextArea: false,\n placeholder: \"\",\n title: \"Category\",\n type: ControlType.String\n },\n kDIrqkfbq: (AspectControls === null || AspectControls === void 0 ? void 0 : AspectControls[\"variant\"]) && {\n ...AspectControls[\"variant\"],\n defaultValue: \"znl0XCW4i\",\n hidden: undefined,\n title: \"Aspect\"\n }\n});\naddFonts(FramerbYbMG6xmg, [...AspectFonts, ...sharedStyle.fonts, ...sharedStyle1.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerbYbMG6xmg\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicHeight\": \"316\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"FW7DsLVA5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"tXmugLPsv\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"kdDCQ40Tx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"LuJUu9luh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Eq5kcMk_0\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicWidth\": \"400\",\n \"framerVariables\": \"{\\\"WW7wZUwVP\\\":\\\"link\\\",\\\"DPwoNO0Ct\\\":\\\"image\\\",\\\"qvBMszXyV\\\":\\\"showTitles\\\",\\\"gBvYfBpkl\\\":\\\"title\\\",\\\"MHLPlTd1g\\\":\\\"category\\\",\\\"kDIrqkfbq\\\":\\\"aspect\\\"}\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "toResponsiveImage", "value", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "njuUiuI1E", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Image2", "css", "FramercyvECMmh9", "withCSS", "cyvECMmh9_default", "addPropertyControls", "ControlType", "addFonts", "AspectFonts", "getFonts", "cyvECMmh9_default", "AspectControls", "getPropertyControls", "enabledGestures", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "toResponsiveImage_194x2gw", "value", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "WW7wZUwVP", "DPwoNO0Ct", "qvBMszXyV", "gBvYfBpkl", "MHLPlTd1g", "kDIrqkfbq", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "isDisplayed", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Link", "u", "RichText", "x", "css", "FramerbYbMG6xmg", "withCSS", "bYbMG6xmg_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }