import{j as o}from"./react-vendor-xYZnmIII.js";import{useEditor as m}from"./use-editor-CiTCcx1l.js";import{c as p}from"./ui-components-CQM92IK3.js";import{k as u}from"./interactive-vendor-B1OgcAgP.js";import"./inertia-vendor-cBbDTmhJ.js";import"./ui-vendor-Ds9iwIxa.js";import"./editor-provider-0C4WlrME.js";import"./v4-DsPse6Vr.js";const w=({id:t,containerId:e,index:r,children:s,className:i})=>{const{editor:c}=m(),{setNodeRef:a,isOver:n,active:l}=u({id:t,data:{containerId:e,index:r,type:"drop-zone"}}),d=n&&l;return o.jsxs("div",{ref:a,className:p("droppable-container relative min-h-4 transition-all duration-200",i),children:[d&&o.jsxs("div",{className:"absolute inset-x-0 top-0 z-20 -mt-1",children:[o.jsx("div",{className:"h-1 animate-in rounded-full bg-gradient-to-r from-blue-400 via-blue-500 to-blue-400 shadow-lg shadow-blue-500/50 duration-200 slide-in-from-top-1"}),o.jsx("div",{className:"absolute inset-x-0 top-0 -mt-1 h-3 rounded-full bg-blue-500/20 blur-sm"})]}),s]})};export{w as default};
