import React from 'react';
import { Icon as BaseIcon } from '../icon';
export declare const BUTTON_SIZE: {
    readonly SMALL: "small";
    readonly MEDIUM: "medium";
    readonly LARGE: "large";
};
export declare const BUTTON_KIND: {
    readonly PRIMARY: "primary";
    readonly SECONDARY: "secondary";
    readonly DANGE: "danger";
    readonly WARNING: "warning";
    readonly INFO: "info";
    readonly SUCCES: "success";
};
export declare const BUTTON_GLYPHS: {
    readonly ARROW: "arrow";
    readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
    readonly CANCEL: "close";
    readonly CHEVRON_DOWN: "chevron-down";
    readonly CHEVRON_UP: "chevron-up";
    readonly CHECK: "check";
    readonly CLOSE: "close";
    readonly CLOCK: "clock";
    readonly COMMIT: "commit";
    readonly CLIPBOARD: "clipboard";
    readonly CLIPBOARD_CHECK: "clipboard-check";
    readonly DOWNLOAD: "download";
    readonly ERROR: "error";
    readonly EXTERNAL_LINK: "external-link";
    readonly FILTER: "filter";
    readonly GITHUB: "github";
    readonly INFO: "info";
    readonly HELP: "help";
    readonly TABLE: "table";
    readonly TREEMAP: "treemap";
    readonly MENU: "menu";
    readonly MORE_VERTICAL: "more-vertical";
    readonly SORT: "sort";
    readonly WARNING: "warning";
};
type Size = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
type Kind = (typeof BUTTON_KIND)[keyof typeof BUTTON_KIND];
interface ButtonProps<T extends React.ElementType> {
    outline?: boolean;
    solid?: boolean;
    active?: boolean;
    kind?: Kind | 'default';
    size?: Size;
    radius?: Size | 'circle' | 'none';
    padding?: Size | 'none';
    as?: T;
    Icon?: React.ElementType;
    glyph?: React.ComponentProps<typeof BaseIcon>['glyph'];
    rightGlyph?: React.ComponentProps<typeof BaseIcon>['glyph'];
}
export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>> & Omit<Omit<any, "ref">, keyof ButtonProps<T>>, "ref"> & React.RefAttributes<unknown>>;
export {};