import { jsxs, jsx } from "react/jsx-runtime";
import { u as useDroppable } from "../../core.esm-Ce6wsWiy.js";
import { c as cn } from "../../cn-FAaWYZ6x.js";
import { KanbanAddButton } from "./kanban-add-button.js";
const KanbanBoard = ({
  id,
  children,
  className,
  onAddItem,
  addButtonText,
  showAddButton = true,
  ...props
}) => {
  const { isOver, setNodeRef } = useDroppable({
    id
  });
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: cn(
        "flex w-80 min-h-32 flex-col overflow-hidden bg-subtle rounded-xl transition-all duration-200 shrink-0 group",
        isOver ? "ring-accent shadow-lg" : "ring-transparent",
        className
      ),
      ref: setNodeRef,
      ...props,
      children: [
        /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col min-h-0", children }),
        showAddButton && /* @__PURE__ */ jsx(KanbanAddButton, { onAdd: onAddItem, children: addButtonText })
      ]
    }
  );
};
export {
  KanbanBoard
};
