import { DeepPartial } from '../../types';
import { KanbanCardProps } from './Card';
import { KanbanTheme } from './theme';
interface OnReorder {
    cards: KanbanCardProps[];
    cardId: KanbanCardProps["id"];
    before: KanbanCardProps["id"];
    newColumn: KanbanCardProps["column"];
    isSameColumn: boolean;
}
export interface KanbanProps {
    dragable?: boolean;
    columns?: string[];
    cards: KanbanCardProps[];
    setCards: (value: KanbanCardProps[]) => void;
    deleteButton?: (dragging: boolean) => React.ReactNode;
    deletePositionY?: "top" | "bottom";
    deletePositionX?: "left" | "right" | "center";
    deleteDelay?: number;
    onReorder?: ({ cards, cardId, before, newColumn, isSameColumn }: OnReorder) => void;
    onCreate?: ({ column, title }: {
        column: string;
        title: string;
    }) => void;
    onDelete?: (cardId: KanbanCardProps["id"]) => void;
    className?: string;
    columnClassName?: string;
    columnsClassName?: string;
    indicatorClassName?: string;
    titleClasses?: string[];
    labels?: {
        add?: string;
        cancel?: string;
        placeholder?: string;
    };
    theme?: DeepPartial<KanbanTheme>;
}
/**
 *
 * @name Kanban
 * @description The Kanban component is used to display a kanban board, it is used to display cards in columns and allows the user to drag and drop the cards between columns. It's a great way to visualize the flow of work and to see what's in progress, what's done, and what's coming up.
 * @returns
 */
export declare const Kanban: React.FC<KanbanProps>;
export {};
//# sourceMappingURL=Kanban.d.ts.map