import { IconifyIcon, IconProps } from '@iconify/react';
import { IconButtonProps } from '@mui/material/IconButton';
import React from 'react';
export type ButtonStyle = 'action' | 'menu';
export interface ActionButtonProps {
    /** A short description of the action. */
    description: string;
    /** Either a string icon, or imported icon. */
    icon: string | IconifyIcon;
    /** The action when it's activated. */
    onClick: React.MouseEventHandler<HTMLElement>;
    /** A longer description of the action. Used in the tooltip. */
    longDescription?: string;
    /** The icon color. */
    color?: string | 'inherit' | 'primary' | 'secondary' | 'default';
    /** The icon width. */
    width?: IconProps['width'];
    /**
     * If given, uses a negative margin to counteract the padding on one side
     * (this is often helpful for aligning the left or right side of the icon
     * with content above or below, without ruining the border size and shape).
     */
    edge?: false | 'end' | 'start' | undefined;
    buttonStyle?: ButtonStyle;
    iconButtonProps?: IconButtonProps;
    iconProps?: IconProps;
}
/**
 * To be used for our Action buttons.
 *
 * So we implement them consistently and encapsulate the implementation.
 */
export default function ActionButton({ description, longDescription, icon, onClick, color, width, edge, iconButtonProps, iconProps, buttonStyle, }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;