import { Icon } from 'icons';
import { ReactNode } from 'react';
import { Color } from 'theme';
export declare const Overlay: import("styled-components").StyledComponent<"div", import("theme").ComputedTheme, {
    color?: keyof import("theme").Colors | undefined;
    align?: string | undefined;
    justify?: string | undefined;
    pad?: number | undefined;
    gap?: number | undefined;
    flex?: true | undefined;
    grow?: true | "first" | "last" | undefined;
    children?: ReactNode;
    theme: import("theme").Theme;
} & {
    hasAction: boolean;
    shouldPulse: boolean;
}, never>;
export interface Action {
    message: ReactNode;
    icon?: Icon;
    onClick?: () => void;
    children?: ReactNode;
}
export interface BaseProps {
    color?: Color;
    action?: Action;
    shouldPulse?: boolean;
}
export declare type ActionButtonProps = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps>;
export default function ActionButton({ color, disabled, action, onClick, children, shouldPulse, }: ActionButtonProps): JSX.Element;
