{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/HGu8PKPDwAHu4uSgLoYR/rvJpQ3AbvDrziHPxd8eA/Instagram.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { addPropertyControls, ControlType } from \"framer\";\nimport { motion } from \"framer-motion\";\nimport { containerStyles } from \"https://framer.com/m/framer/default-utils.js@^0.45.0\";\nimport { emptyStateStyle, stateParagraphStyle, stateTitleStyle } from \"https://framer.com/m/framer/integrations-styles.js@0.2.0\";\nconst instagramRegex = /^https?:\\/\\/www\\.instagram\\.com\\/p\\/([^\\/]+)/; /**\n                                                                       * INSTAGRAM\n                                                                       *\n                                                                       * @framerIntrinsicWidth 300\n                                                                       * @framerIntrinsicHeight 410\n                                                                       *\n                                                                       * @framerSupportedLayoutWidth fixed\n                                                                       * @framerSupportedLayoutHeight fixed\n                                                                       */\nexport default function Instagram({\n  url,\n  style,\n  ...props\n}) {\n  const id1 = useMemo(() => {\n    var ref;\n    const [, id] = (ref = url.match(instagramRegex)) !== null && ref !== void 0 ? ref : [null, null];\n    return id;\n  }, [url]);\n  return url && id1 ? /*#__PURE__*/_jsx(motion.iframe, {\n    style: {\n      ...containerStyles,\n      ...style\n    },\n    src: `https://instagram.com/p/${id1}/embed/`,\n    frameBorder: 0,\n    width: \"100%\",\n    height: \"100%\",\n    scrolling: \"no\",\n    ...props\n  }) : /*#__PURE__*/_jsxs(motion.div, {\n    style: {\n      ...emptyStateStyle,\n      ...style\n    },\n    ...props,\n    children: [/*#__PURE__*/_jsx(\"h1\", {\n      style: stateTitleStyle,\n      children: \"Instagram\"\n    }), url ? /*#__PURE__*/_jsx(\"p\", {\n      style: stateParagraphStyle,\n      children: \"This post URL doesn\u2019t seem correct.\"\n    }) : /*#__PURE__*/_jsx(\"p\", {\n      style: stateParagraphStyle,\n      children: \"Set a post URL in the Properties.\"\n    })]\n  });\n}\n;\naddPropertyControls(Instagram, {\n  url: {\n    title: \"URL\",\n    type: ControlType.String,\n    placeholder: \"https://www.instagram.com/p/***\",\n    defaultValue: \"https://www.instagram.com/p/CNH6U6zAx80/\"\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Instagram\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerSupportedLayoutWidth\": \"fixed\",\n        \"framerIntrinsicHeight\": \"410\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"300\",\n        \"framerSupportedLayoutHeight\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Instagram.map"],
  "mappings": "8MAMA,IAAMA,EAAiB,+CASR,SAARC,EAA2B,CAChC,IAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAG,CACD,IAAMC,EAAMC,EAAQ,IAAM,CACxB,IAAIC,EACJ,GAAM,CAAC,CAAEC,CAAE,GAAKD,EAAML,EAAI,MAAMF,CAAc,KAAO,MAAQO,IAAQ,OAASA,EAAM,CAAC,KAAM,IAAI,EAC/F,OAAOC,CACT,EAAG,CAACN,CAAG,CAAC,EACR,OAAOA,GAAOG,EAAmBI,EAAKC,EAAO,OAAQ,CACnD,MAAO,CACL,GAAGC,EACH,GAAGR,CACL,EACA,IAAK,2BAA2BE,WAChC,YAAa,EACb,MAAO,OACP,OAAQ,OACR,UAAW,KACX,GAAGD,CACL,CAAC,EAAiBQ,EAAMF,EAAO,IAAK,CAClC,MAAO,CACL,GAAGG,EACH,GAAGV,CACL,EACA,GAAGC,EACH,SAAU,CAAcK,EAAK,KAAM,CACjC,MAAOK,EACP,SAAU,WACZ,CAAC,EAAGZ,EAAmBO,EAAK,IAAK,CAC/B,MAAOM,EACP,SAAU,0CACZ,CAAC,EAAiBN,EAAK,IAAK,CAC1B,MAAOM,EACP,SAAU,mCACZ,CAAC,CAAC,CACJ,CAAC,CACH,CAEAC,EAAoBf,EAAW,CAC7B,IAAK,CACH,MAAO,MACP,KAAMgB,EAAY,OAClB,YAAa,kCACb,aAAc,0CAChB,CACF,CAAC",
  "names": ["instagramRegex", "Instagram", "url", "style", "props", "id1", "se", "ref", "id", "p", "motion", "containerStyles", "u", "emptyStateStyle", "stateTitleStyle", "stateParagraphStyle", "addPropertyControls", "ControlType"]
}