import { default as React } from 'react';
import { IconName } from '../Icon';

export type ButtonTheme = 'primary' | 'secondary' | 'tertiary' | 'on-light' | 'linked' | 'quicklink';
export interface ButtonProps<T = HTMLButtonElement> {
    text?: React.ReactNode;
    title?: string;
    type?: HTMLButtonElement['type'];
    icon?: IconName;
    iconLeft?: IconName;
    iconClassName?: string;
    theme?: ButtonTheme;
    tabIndex?: number;
    className?: string;
    ariaLabel?: string;
    fullWidth?: boolean;
    disabled?: boolean;
    autofocus?: boolean;
    borderShredded?: boolean;
    onClick?: (event: React.MouseEvent<T>) => void;
    onMouseDown?: (event: React.MouseEvent<T>) => void;
    onMouseUp?: (event: React.MouseEvent<T>) => void;
    decorator?: React.ReactNode;
    ref?: React.Ref<T>;
    style?: React.CSSProperties;
}
export declare function ButtonContent(props: Pick<ButtonProps, 'text' | 'icon' | 'decorator' | 'iconClassName' | 'iconLeft'>): React.ReactNode;
export declare function getButtonClassName<T = HTMLButtonElement>(props: Partial<Omit<ButtonProps<T>, 'onClick'>>): string;
declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
declare const _default: React.MemoExoticComponent<typeof Button>;
export default _default;