import React from 'react';
import { IStylableProps } from '../Generic.types';
export declare enum ButtonType {
    /** A primary action for the current context. */
    primary = "primary",
    /** Secondary actions. */
    secondary = "secondary",
    /** Subtle actions that should not block flow. */
    subtle = "subtle",
    /** Used to indicate finishing a wizard or set of steps. */
    finish = "finish",
    /** Indicates a destructive action. */
    danger = "danger",
    /**
     * A button with a transparent background and border. Useful for icons.
     */
    transparent = "transparent"
}
export declare enum ButtonMode {
    /** Render as a regular <button> */
    button = "button",
    /** Render as an <input type="button"> */
    input = "input",
    /** Render as an <input type="submit"> */
    submit = "submit",
    /** Render as an <input type="reset"> */
    reset = "reset"
}
export declare enum ButtonSize {
    large = "large",
    medium = "medium",
    small = "small",
    xsmall = "xsmall"
}
export declare enum ButtonSpacing {
    none = "none",
    tight = "tight",
    normal = "normal",
    wide = "wide",
    xwide = "xwide"
}
export declare enum ButtonBarPosition {
    /**
     * Position buttons inside this bar to the left.
     */
    left = "left",
    /**
     * Position buttons inside this bar in the center.
     */
    center = "center",
    /**
     * Position buttons inside this bar to the right.
     */
    right = "right"
}
export interface IButtonProps extends IStylableProps {
    /**
     * The type of button to render (see Enum Type).
     * @default Type.primary
     */
    type?: ButtonType;
    /**
     * The render mode for the button (see Enum Mode).
     * @default Mode.button
     */
    mode?: ButtonMode;
    /**
     * The size of the button (see Enum Size).
     * @default Size.medium
     */
    size?: ButtonSize;
    /**
     * If provided displays a round counter with the number inside in the top right corner of the button.
     */
    count?: string;
    /**
     * If true will force the button to remain in the active state even after losing focus.
     * @default false
     */
    active?: boolean;
    /**
     * The function called when the button is activated.
     */
    onClick: (e?: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * Any additional props are passed through to the underlying element.
     */
    [key: string]: any;
}
export interface IButtonBarProps extends IStylableProps {
    /**
     * Position the elements inside the button bar.
     * @default ButtonBarPosition.left
     */
    position?: ButtonBarPosition;
    /**
     * Controls the spacing between each button within this button bar.
     * @default ButtonSpacing.normal
     */
    spacing?: ButtonSpacing;
}