import { MouseEvent, MouseEventHandler, PureComponent } from 'react';
import type { DebouncedFunc } from 'lodash';
import { Action } from 'redux';
import type { JSX } from '@emotion/react/jsx-runtime';
declare const BUTTON_SKIP = "Skip";
declare const BUTTON_JUMP = "Jump";
type Button = typeof BUTTON_SKIP | typeof BUTTON_JUMP;
interface Props<A extends Action<string>> {
    actionId: number;
    isInitAction: boolean;
    isSelected: boolean;
    isInFuture: boolean;
    onSelect: MouseEventHandler<HTMLDivElement>;
    timestamps: {
        current: number;
        previous: number;
    };
    action: A;
    onToggleClick: () => void;
    onJumpClick: () => void;
    onCommitClick: () => void;
    hideActionButtons: boolean | undefined;
    isSkipped: boolean;
}
interface State {
    hover: boolean;
}
export default class ActionListRow<A extends Action<string>> extends PureComponent<Props<A>, State> {
    state: State;
    render(): JSX.Element;
    handleButtonClick(btn: Button, e: MouseEvent<HTMLDivElement>): void;
    handleMouseEnter: (e: MouseEvent<HTMLDivElement>) => void;
    handleMouseEnterDebounced: DebouncedFunc<(buttons: number) => void>;
    handleMouseLeave: DebouncedFunc<() => void>;
    handleMouseDown: (e: MouseEvent<HTMLDivElement>) => void;
}
export {};