import React from 'react';
import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../types';
import type { GetRef } from '../utils/refs';
type Variant = 'collapsed' | 'short' | 'tall';
interface AddButtonProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
    'aria-controls'?: string;
    'aria-expanded'?: React.AriaAttributes['aria-expanded'];
    'aria-pressed'?: boolean;
    disabled?: boolean;
    fullWidth?: boolean;
    getRef?: GetRef<HTMLButtonElement>;
    id?: string;
    label?: string;
    name?: string;
    onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
    onClick: React.MouseEventHandler<HTMLButtonElement>;
    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
    onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
    style?: React.CSSProperties;
    tabIndex?: number;
    title?: string;
    variant: Variant;
    width?: Dimensions;
}
/**
 * This component is intended for use within Express style builders to render
 * a consistently styled button for triggering "Add Item" actions, usually for adding questions.
 */
export declare function AddButton({ _modifierClass, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-pressed': ariaPressed, disabled, getRef, id, label, margin, name, onBlur, onClick, onFocus, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, style, tabIndex, title, variant, width, ...rest }: AddButtonProps): React.JSX.Element;
export {};