import { jsxs, jsx } from "react/jsx-runtime";
import "react";
import { c as cn } from "../../cn-FAaWYZ6x.js";
import { P as Plus } from "../../plus-D_gcJEUB.js";
const KanbanAddButton = ({
  className,
  onAdd,
  onClick,
  children,
  ...props
}) => {
  const handleClick = (e) => {
    onAdd?.();
    onClick?.(e);
  };
  return /* @__PURE__ */ jsxs(
    "button",
    {
      type: "button",
      onClick: handleClick,
      className: cn(
        "flex items-center justify-start gap-2 p-2 mt-0 mx-4 mb-3",
        "text-secondary hover:text-foreground cursor-pointer",
        "rounded-lg transition-all duration-200",
        "hover:bg-gray-600/10 focus:bg-gray-600/10",
        "focus:outline-none focus:ring-2 focus:ring-accent/50 focus:ring-offset-2 focus:ring-offset-background",
        className
      ),
      ...props,
      children: [
        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
        /* @__PURE__ */ jsx("span", { className: "font-medium", children: children ?? "New" })
      ]
    }
  );
};
export {
  KanbanAddButton
};
