import { IconProps } from '../icon/Icon';
import { ButtonHTMLAttributes } from 'react';
export interface ButtonIcon extends Pick<IconProps, 'feIcon'> {
    /** Position of the icon in relation to the text.  */
    position: 'left' | 'right';
}
export interface ButtonPrimary {
    /** If true, gives destructive appearance */
    feDestructive?: boolean;
    /** If true, hides text & icon and shows loading indicator. **Notice!** Only applicable if `feType` is `primary`. */
    feLoading?: boolean;
    /** If provided, alters the appearance */
    feType?: 'primary';
}
export interface ButtonSecondary {
    /** If provided, alters the appearance */
    feType?: 'secondary';
}
interface BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    /** Contents of the button */
    children: string;
    /** If provided, renders an icon before or after the text. */
    feIcon?: ButtonIcon;
    /** If provided, displays an alternative size */
    feSize?: 'md' | 'sm';
}
export type ButtonProps = BaseProps & (ButtonPrimary | ButtonSecondary);
/**
 * Our `<Button>` component, to be used in forms or for interactivity.<br>
 * It extends the interface of native html `<button>` element.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/folder/6167f8740cff7ceb45640de9) for design principles.<br>
 * See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for further information about the element and related attributes.
 */
declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
export default Button;