https://teamchile.cl/wp-content/plugins/ncmaz-frontend/dist/assets/FactoryBlockVideos-36e8a1e5.js

1import{j as e,r as u,b as g}from"./main-ddd0c633.js";import{B as f}from"./BackgroundSection-16514441.js";import{H as w}from"./Heading-514bd673.js";import{N as m}from"./NcImage-e3ba1726.js";import{N as b}from"./NcPlayIcon-d3e71643.js";import{R as j}from"./index-92c4f05c.js";import"./NextPrev-3ae69e47.js";import"./twFocusClass-d0735f61.js";import"./getImageSizesBySizeName-22c25ac1.js";const y=({className:t="w-8 h-8 md:w-10 md:h-10",iconClass:s="w-5 h-5"})=>e.jsx("div",{className:`nc-NcPlayIcon2 bg-white relative rounded-full shadow-inner ${t}`,"data-nc-id":"NcPlayIcon2",children:e.jsx("span",{className:"absolute inset-0 flex items-center justify-center text-primary-500",children:e.jsx("svg",{className:s,width:"24",height:"24",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1",d:"M18.25 12L5.75 5.75V18.25L18.25 12Z"})})})}),p=()=>navigator.userAgent.indexOf("Safari")>-1&&navigator.userAgent.indexOf("Chrome")<=-1,v=({videoIds:t=[],className:s="",heading:l="🎬 The Videos",subHeading:c=`Check out our hottest videos. View more and share more new
2  perspectives on just about any topic. Everyone’s welcome.`})=>{const[r,a]=u.useState(!1),[i,n]=u.useState(0),h=()=>{const o=t[i];return e.jsxs("div",{className:"group aspect-w-16 aspect-h-12 sm:aspect-h-9 bg-neutral-800 rounded-3xl overflow-hidden z-0 border-4 border-white dark:border-neutral-900 sm:rounded-[50px] sm:border-[10px]",children:[p()&&e.jsx(j,{playing:r,url:`https://www.youtube.com/watch?v=${o}`,className:"absolute inset-0",width:"100%",height:"100%",controls:!0}),!p()&&r&&e.jsx("iframe",{src:`https://www.youtube.com/embed/${o}?autoplay=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}),!r&&e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:()=>a(!0),className:"cursor-pointer absolute inset-0 flex items-center justify-center z-10",children:e.jsx(b,{})}),e.jsx(m,{containerClassName:"absolute inset-0 ",className:"object-cover w-full h-full transition-opacity group-hover:opacity-90 ",src:`https://img.youtube.com/vi/${o}/maxresdefault.jpg`})]})]})},x=(o,d)=>d===i?null:e.jsxs("div",{className:"group relative aspect-h-16 aspect-w-16 rounded-2xl bg-neutral-800 cursor-pointer overflow-hidden z-0 sm:aspect-h-12 sm:rounded-3xl lg:aspect-h-9",onClick:()=>{n(d),!r&&a(!0)},children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:e.jsx(y,{})}),e.jsx(m,{containerClassName:"absolute inset-0 w-full h-full",className:"object-cover w-full h-full transition-opacity group-hover:opacity-90",src:`https://img.youtube.com/vi/${o}/mqdefault.jpg`})]},String(d));return e.jsxs("div",{className:`nc-SectionVideos relative ${s}`,children:[e.jsx(w,{desc:c,children:l}),e.jsxs("div",{className:"flex flex-col relative sm:pr-4 sm:py-4 md:pr-6 md:py-6 xl:pr-14 xl:py-14 lg:flex-row",children:[e.jsx("div",{className:"absolute -top-4 -bottom-4 -right-4 w-2/3 rounded-3xl bg-primary-100 bg-opacity-40 z-0 sm:rounded-[50px] md:top-0 md:bottom-0 md:right-0 xl:w-1/2 dark:bg-neutral-800 dark:bg-opacity-40"}),e.jsx("div",{className:"flex-grow relative pb-2 sm:pb-4 lg:pb-0 lg:pr-5 xl:pr-6",children:h()}),e.jsx("div",{className:"flex-shrink-0 grid gap-2 grid-cols-4 sm:gap-6 lg:grid-cols-1 lg:w-36 xl:w-40",children:t.map(x)})]})]})},z=({className:t="",domNode:s,apiSettings:l})=>{const c=()=>{const{hasBackground:r,subHeading:a,heading:i,videoIds:n}=l.settings;return e.jsxs("div",{className:`nc-FactoryBlockVideos relative  ${r?"py-16":""}  ${t}`,children:[r&&e.jsx(f,{}),e.jsx(v,{videoIds:n,heading:i,subHeading:a})]})};return g.createPortal(c(),s)};export{z as default};