import { default as React } from 'react';
import * as Icons from "../../icons/index";
export type ButtonVariant = "brand" | "outline" | "outline-red" | "ghost" | "ghost-green" | "ghost-red" | "textLink" | "secondary";
export type ButtonSize = "small" | "medium" | "large" | "extraLarge";
export type IconName = keyof typeof Icons;
export interface IconConfig {
    name: IconName;
    position: "before" | "after";
}
export interface LoadingMessageConfig {
    text: string;
    position?: "before" | "after";
}
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    children: React.ReactNode;
    variant?: ButtonVariant;
    size?: ButtonSize;
    disabled?: boolean;
    loading?: boolean;
    loadingMessage?: LoadingMessageConfig;
    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    className?: string;
    type?: "button" | "submit" | "reset";
    icon?: IconConfig;
    inverted?: boolean;
    fullWidth?: boolean;
    squared?: boolean;
}
export declare const Button: ({ children, variant, size, disabled, loading, loadingMessage, onClick, className, type, icon, inverted, fullWidth, squared, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;