import React from 'react';
import { IconDefinition } from '../../atoms/Icon';
declare type ButtonKind = 'primary' | 'primary-text' | 'expressive-purple' | 'secondary' | 'secondary-text' | 'ghost' | 'outlined' | 'white' | 'green' | 'red';
declare type ButtonProps = {
    /**
     * Button style based on the design guide. Default is primary.
     */
    kind?: ButtonKind;
    /**
     * Text to display in the button.
     */
    label?: string;
    /**
     * Icon to display in the button.
     */
    icon?: IconDefinition;
    /**
     * Accessibility label when no text is displayed in the button.
     */
    ariaLabel?: string;
    /**
     * Action triggered when clicking the button.
     */
    onClick?: (e: React.MouseEvent) => void;
    /**
     * If href is specified, the Button will be rendered using an anchor tag
     */
    href?: string;
    disabled?: boolean;
    active?: boolean;
    /**
     * If true the icon provided is right aligned
     */
    iconRight?: boolean;
    /**
     * Makes the button smaller.
     * Terminology from the designers of the Design System
     */
    size?: 'compact' | 'default';
    /**
     * For use with href.
     * Eg pass `_blank` to open link in a new tab
     */
    target?: string;
    type?: 'button' | 'reset' | 'submit';
    className?: string;
    loading?: boolean;
    dataTestId?: string;
};
export declare const Button: (props: ButtonProps) => JSX.Element;
export {};