import { default as React } from 'react';
export interface ListItemWithActionProps {
    /** Main content/text to display */
    children: React.ReactNode;
    /** Action to perform (typically remove/delete) */
    onAction: () => void;
    /** Action button text */
    actionText?: string;
    /** Action button icon (defaults to TrashIcon) */
    actionIcon?: React.ComponentType<{
        className?: string;
    }>;
    /** Whether the action is destructive (uses red color) */
    destructive?: boolean;
    /** Whether the action is in progress */
    isProcessing?: boolean;
    /** Variant of the list item */
    variant?: 'default' | 'compact' | 'elevated';
    /** Additional className for the container */
    className?: string;
}
/**
 * ListItemWithAction Component
 *
 * Displays a list item with an action button (typically remove/delete).
 * Commonly used for managing lists of forwarding addresses, filters, blocked senders, etc.
 *
 * @example
 * ```tsx
 * <ListItemWithAction
 *   onAction={() => handleRemove(item.id)}
 *   actionText="Remove"
 *   destructive
 *   isProcessing={isDeleting}
 * >
 *   user@example.com
 * </ListItemWithAction>
 * ```
 */
export declare const ListItemWithAction: React.FC<ListItemWithActionProps>;
//# sourceMappingURL=list-item-with-action.d.ts.map