/// <reference types="react" />
import "./action-list.scss";
export type MinActionItem = {
    complete: boolean;
    id: string;
    subtitle?: string;
    title: string;
};
export type ActionItemProps<T extends MinActionItem> = {
    actionText?: string;
    activeClassName?: string;
    className?: string;
    item: T;
    onAction?: (i: T) => void;
    onRowClick?: (i: T) => void;
    onSecondaryAction?: (i: T) => void;
    secondaryActionText?: string;
    onUndoAction?: (i: T) => void;
    undoActionText?: string;
};
export type ActionListProps<T extends MinActionItem> = {
    items: T[];
} & Omit<ActionItemProps<T>, "item">;
/**
 * Displays a list of action items which reflect whether they are
 * completed or not. List items marked "active" will show a (primary)
 * colored border to the left and when hovered will present a button
 * to take action. Use the "onAction" handler to mark items as "complete".
 *
 * Optionally the opposite can be done for inactive items if an "onUndoAction"
 * handler is passed in, but that is not a requirement.
 */
export declare const ActionList: <T extends MinActionItem>({ items, className, ...itemProps }: ActionListProps<T>) => JSX.Element;
export declare const ActionListItem: <T extends MinActionItem>({ item, onRowClick, onAction, onSecondaryAction, secondaryActionText, actionText, undoActionText, onUndoAction, activeClassName, }: ActionItemProps<T>) => JSX.Element;
//# sourceMappingURL=action-list.d.ts.map