{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/framer/integrations-styles.js@0.2.0", "ssg:https://framerusercontent.com/modules/HGu8PKPDwAHu4uSgLoYR/8ScWawSL1gtbsgAxdHrd/Instagram.js"],
  "sourcesContent": ["import{containerStyles,emptyStateStyle as defaultEmptyStateStyle}from\"https://framer.com/m/framer/default-utils.js@^0.43.0\";export const emptyStateStyle={...containerStyles,...defaultEmptyStateStyle,textAlign:\"center\",padding:15,width:200,height:100,overflow:\"hidden\"};export const neutralStateStyle={...emptyStateStyle,color:\"#09f\",background:\"rgb(0, 153, 255, 0.1)\",borderColor:\"#09f\"};export const stateTitleStyle={fontSize:12,fontWeight:600,margin:0};export const stateParagraphStyle={fontSize:12,maxWidth:200,lineHeight:1.4,margin:\"5px 0 0 0\"};\nexport const __FramerMetadata__ = {\"exports\":{\"neutralStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"stateTitleStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"stateParagraphStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./styles.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{containerStyles}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{emptyStateStyle,stateParagraphStyle,stateTitleStyle}from\"https://framer.com/m/framer/integrations-styles.js@0.2.0\";const instagramRegex=/^https?:\\/\\/www\\.instagram\\.com\\/p\\/([^\\/]+)/;/**\n * INSTAGRAM\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 410\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Instagram({url,style,...props}){const id=useMemo(()=>{var ref;const[,id]=(ref=url.match(instagramRegex))!==null&&ref!==void 0?ref:[null,null];return id;},[url]);return url&&id?/*#__PURE__*/ _jsx(motion.iframe,{style:{...containerStyles,...style},src:`https://www.instagram.com/p/${id}/embed/`,frameBorder:0,width:\"100%\",height:\"100%\",scrolling:\"no\",...props}):/*#__PURE__*/ _jsxs(motion.div,{style:{...emptyStateStyle,...style},...props,children:[/*#__PURE__*/ _jsx(\"h1\",{style:stateTitleStyle,children:\"Instagram\"}),url?/*#__PURE__*/ _jsx(\"p\",{style:stateParagraphStyle,children:\"This post URL doesn\u2019t seem correct.\"}):/*#__PURE__*/ _jsx(\"p\",{style:stateParagraphStyle,children:\"Set a post URL in the Properties.\"})]});};addPropertyControls(Instagram,{url:{title:\"URL\",type:ControlType.String,placeholder:\"https://www.instagram.com/p/***\",defaultValue:\"https://www.instagram.com/p/CteMsH8M67r/\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Instagram\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"300\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"410\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Instagram.map"],
  "mappings": "8JAAmI,IAAMA,EAAgB,CAAC,GAAGC,EAAgB,GAAGD,EAAuB,UAAU,SAAS,QAAQ,GAAG,MAAM,IAAI,OAAO,IAAI,SAAS,QAAQ,EAAeE,GAAkB,CAAC,GAAGF,EAAgB,MAAM,OAAO,WAAW,wBAAwB,YAAY,MAAM,EAAeG,EAAgB,CAAC,SAAS,GAAG,WAAW,IAAI,OAAO,CAAC,EAAeC,EAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,WAAW,IAAI,OAAO,WAAW,ECA7K,IAAMC,EAAe,+CAQxX,SAARC,EAA2B,CAAC,IAAAC,EAAI,MAAAC,EAAM,GAAGC,CAAK,EAAE,CAAC,IAAMC,EAAGC,EAAQ,IAAI,CAAC,IAAIC,EAAI,GAAK,CAAC,CAACF,CAAE,GAAGE,EAAIL,EAAI,MAAMF,CAAc,KAAK,MAAMO,IAAM,OAAOA,EAAI,CAAC,KAAK,IAAI,EAAE,OAAOF,CAAG,EAAE,CAACH,CAAG,CAAC,EAAE,OAAOA,GAAKG,EAAiBG,EAAKC,EAAO,OAAO,CAAC,MAAM,CAAC,GAAGC,EAAgB,GAAGP,CAAK,EAAE,IAAI,+BAA+BE,WAAY,YAAY,EAAE,MAAM,OAAO,OAAO,OAAO,UAAU,KAAK,GAAGD,CAAK,CAAC,EAAgBO,EAAMF,EAAO,IAAI,CAAC,MAAM,CAAC,GAAGG,EAAgB,GAAGT,CAAK,EAAE,GAAGC,EAAM,SAAS,CAAeI,EAAK,KAAK,CAAC,MAAMK,EAAgB,SAAS,WAAW,CAAC,EAAEX,EAAkBM,EAAK,IAAI,CAAC,MAAMM,EAAoB,SAAS,0CAAqC,CAAC,EAAgBN,EAAK,IAAI,CAAC,MAAMM,EAAoB,SAAS,mCAAmC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAEC,EAAoBd,EAAU,CAAC,IAAI,CAAC,MAAM,MAAM,KAAKe,EAAY,OAAO,YAAY,kCAAkC,aAAa,0CAA0C,CAAC,CAAC",
  "names": ["emptyStateStyle", "containerStyles", "neutralStateStyle", "stateTitleStyle", "stateParagraphStyle", "instagramRegex", "Instagram", "url", "style", "props", "id", "se", "ref", "p", "motion", "containerStyles", "u", "emptyStateStyle", "stateTitleStyle", "stateParagraphStyle", "addPropertyControls", "ControlType"]
}