{"version":3,"file":"ExampleEmbed.2gmTiKSw.mjs","names":[],"sources":["https:/framerusercontent.com/modules/N0rT3EmFcANMLsxdnAsq/MtV7EL1PNJMiqCamz1Sl/ExampleEmbed.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType,addPropertyControls,RenderTarget,motion}from\"framer\";import{useState,useEffect,useRef}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function ExampleEmbed({platform=\"react\",name,showBorder=false}){const isCanvas=RenderTarget.current()===RenderTarget.canvas;const[opacity,setOpacity]=useState(0);const iframeRef=useRef(null);useEffect(()=>{// if (iframeRef.current?.complete) {\nsetOpacity(1);// }\n},[]);return!isCanvas?/*#__PURE__*/_jsxs(\"div\",{style:{...iframeContainerStyle,border:showBorder?\"1px solid rgba(255,255,255,0.06)\":\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:loadingStyle,children:\"Loading...\"}),/*#__PURE__*/_jsx(motion.iframe,{ref:iframeRef,loading:\"lazy\",onLoad:()=>setOpacity(1),src:`https://examples.motion.dev/${platform}/${name}?utm_source=embed&is_plus=true`,style:iframeStyle,initial:false,animate:{opacity},allow:\"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; pointer-lock; usb; vr; xr-spatial-tracking; clipboard-write;\",sandbox:\"allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation allow-top-navigation-by-user-activation\"})]}):/*#__PURE__*/_jsx(\"div\",{style:placeholderStyle});}addPropertyControls(ExampleEmbed,{platform:{type:ControlType.Enum,defaultValue:\"react\",displaySegmentedControl:true,segmentedControlDirection:\"vertical\",options:[\"react\",\"js\",\"vue\"],optionTitles:[\"React\",\"JavaScript\",\"Vue\"]},name:{title:\"ID\",type:ControlType.String},showBorder:{type:ControlType.Boolean,defaultValue:false}});const borderRadius=30;// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst containerStyle={width:\"100%\",position:\"relative\"};const iframeContainerStyle={width:\"100%\",height:\"100%\",border:0,position:\"absolute\",top:0,left:0,borderRadius,overflow:\"hidden\"};const spreadStyle={position:\"absolute\",top:0,left:0,right:0,bottom:0};const iframeStyle={...spreadStyle,width:\"100%\",height:\"100%\",border:0};const loadingStyle={...spreadStyle,background:\"#8DF0CC11\",color:\"#8DF0CC11\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};const placeholderStyle={width:\"100%\",height:\"100%\",border:0,position:\"absolute\",top:0,left:0,background:\"rgba(255,255,255,0.2)\",borderRadius};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ExampleEmbed\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ExampleEmbed.map"],"mappings":"0VAMG,SAAwB,EAAa,CAAC,WAAS,QAAQ,OAAK,cAAW,EAAM,CAAC,CAAC,IAAM,EAAS,EAAa,SAAS,GAAG,EAAa,OAAY,CAAC,EAAQ,EAAW,CAAC,EAAS,EAAE,CAAO,EAAU,EAAO,KAAK,CAE1M,MAF2M,GAAU,IAAI,CAC/N,EAAW,EAAE,AACZ,EAAC,CAAE,EAAC,CAAQ,EAAuxB,EAAK,MAAM,CAAC,MAAM,CAAiB,EAAC,CAAryB,EAAM,MAAM,CAAC,MAAM,CAAC,GAAG,EAAqB,OAAO,EAAW,mCAAmC,MAAO,EAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,EAAa,SAAS,YAAa,EAAC,CAAc,EAAK,EAAO,OAAO,CAAC,IAAI,EAAU,QAAQ,OAAO,OAAO,IAAI,EAAW,EAAE,CAAC,KAAK,8BAA8B,EAAS,GAAG,EAAK,gCAAgC,MAAM,EAAY,SAAQ,EAAM,QAAQ,CAAC,SAAQ,EAAC,MAAM,qLAAqL,QAAQ,uJAAwJ,EAAC,AAAC,CAAC,EAAC,AAAoD,0BAEtX,AAVpd,GAAyD,IAAwE,IAA6C,CAQ4pB,EAAoB,EAAa,CAAC,SAAS,CAAC,KAAK,EAAY,KAAK,aAAa,QAAQ,yBAAwB,EAAK,0BAA0B,WAAW,QAAQ,CAAC,QAAQ,KAAK,KAAM,EAAC,aAAa,CAAC,QAAQ,aAAa,KAAM,CAAC,EAAC,KAAK,CAAC,MAAM,KAAK,KAAK,EAAY,MAAO,EAAC,WAAW,CAAC,KAAK,EAAY,QAAQ,cAAa,CAAM,CAAC,EAAC,CAAO,EAAa,GAErmC,EAAqB,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,eAAa,SAAS,QAAS,EAAO,EAAY,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAE,EAAO,EAAY,CAAC,GAAG,EAAY,MAAM,OAAO,OAAO,OAAO,OAAO,CAAE,EAAO,EAAa,CAAC,GAAG,EAAY,WAAW,YAAY,MAAM,YAAY,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAS,EAAO,EAAiB,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,WAAW,wBAAwB,cAAa"}