1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3032],{83032:function(a,b,c){c.r(b);var d=c(52322),e=c(28535),f=c(81540),g=c(77533),h=c(2784),i=function(a){try{var b=new URL(a).pathname.split("/").filter(Boolean);if(b.length>=2)return"https://www.instagram.com/".concat(b[0],"/").concat(b[1],"/embed")}catch(c){}return null};b.default=function(a){var b=a.reelUrl,c=a.heightIframe,j=void 0===c?"550px":c,k=a.phrase,l=a.name,m=a.position,n=a.loadingEmbedText,o=(0,h.useState)(!0),p=o[0],q=o[1],r=i(b);return(0,d.jsxs)(e.xu,{position:"relative",w:"full",h:j,_hover:{".info-box":{bg:"rgba(0,0,0,0.8)",maxHeight:"50%"}},children:[p&&(0,d.jsxs)(e.xu,{w:"100%",h:j,display:"flex",justifyContent:"center",alignItems:"center",flexDir:"column",gap:2,children:[(0,d.jsx)(f.$,{size:"md"}),(0,d.jsx)(g.x,{children:n||"Loadingâ¦"})]}),r?(0,d.jsx)("iframe",{title:"instagram-embed",src:r,width:"100%",height:"100%",style:{border:0,maxWidth:"100%",display:p?"none":"block"},allowFullScreen:!0,sandbox:"allow-same-origin allow-scripts allow-popups allow-forms",onLoad:function(){return q(!1)}}):(0,d.jsx)(e.xu,{p:4,children:"No fue posible cargar el embed de Instagram."}),(0,d.jsxs)(e.xu,{className:"info-box",position:"absolute",bottom:"0",left:"0",w:"100%",bg:"rgba(0,0,0,0.6)",color:"white",p:3,transition:"all 0.5s ease",maxH:"40px",children:[(0,d.jsx)(g.x,{fontWeight:"bold",color:"white",fontSize:"lg",mb:1,children:l}),(0,d.jsx)(g.x,{fontSize:"sm",color:"white",mt:3,lineHeight:"short",children:null==m?void 0:m.split("|").map(function(a,b){return(0,d.jsxs)(h.Fragment,{children:[a,(0,d.jsx)("br",{})]},b)})}),(0,d.jsxs)(g.x,{fontSize:"sm",color:"white",mt:3,lineHeight:"short",children:["\"",k,"\""]})]})]})}}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.