import { CardProps } from '../Card';
import { DndSortChangeEvent } from './types';
/**
 * Props for the DndSortCard component
 * @extends Omit<CardProps, "id">
 */
export type DndSortCardProps = Omit<CardProps, "id"> & {
    /**
     * The content to be displayed inside the card.
     */
    children: React.ReactNode;
    /**
     * If true, the card can only be dragged when the drag handle is used.
     * If false, the entire card can be dragged.
     * @default false
     */
    dragOnlyWithHandle?: boolean;
    /**
     * The unique identifier for the card.
     */
    id: string | number;
    /**
     * The label for the card, used for accessibility.
     */
    label: string;
    /**
     * Callback function that is called when the card is dropped.
     */
    onDrop?: (event: DndSortChangeEvent) => void;
    /**
     * The type of the card, used for validation.
     */
    type?: string;
    /**
     * Function to render a custom preview of the card when it's being dragged.
     */
    previewRenderer?: () => React.ReactNode;
};
/**
 * A card component that can be dragged and dropped using the DndSort system.
 *
 * Features:
 * - Draggable card with visual feedback
 * - Optional drag handle for controlled dragging
 * - Custom preview rendering during drag
 * - Type-based validation support
 * - Accessible with proper ARIA attributes
 * - Extends Card component functionality
 * - Supports both handle-only and full-card dragging
 * - Visual feedback for active drag state
 * - Flexible content rendering
 *
 * @example
 * <DndSortCard
 *   id="card-1"
 *   label="Card 1"
 *   dragOnlyWithHandle={true}
 *   onDrop={handleCardDrop}
 * >
 *   Card content here
 * </DndSortCard>
 */
export default function DndSortCard({ children, dragOnlyWithHandle, id, label, onDrop, type, previewRenderer: previewRendererProp, ...rest }: DndSortCardProps): import("react/jsx-runtime").JSX.Element;