import { SilkeIcons } from '../silke-icon';
import * as React from 'react';
import { BoxButtonProps } from '../silke-box';
export type SilkeButtonKind = 'primary' | 'secondary' | 'danger' | 'ghost' | 'upgrade';
export type SilkeButtonSize = 'base' | 's';
export type SilkeButtonProps = {
    label?: React.ReactNode;
    kind?: SilkeButtonKind;
    size?: SilkeButtonSize;
    loading?: boolean;
    /** Disable button */
    disabled?: boolean;
    /** Selected */
    selected?: boolean;
    /** Show button as in focus state */
    focus?: boolean;
    /** Show button as in hover state */
    hover?: boolean;
    icon?: SilkeIcons | React.ReactElement;
    leftIcon?: SilkeIcons | React.ReactElement;
    link?: string;
    target?: string;
} & Omit<BoxButtonProps, 'children' | 'size'>;
export declare const SilkeButton: React.ForwardRefExoticComponent<{
    label?: React.ReactNode;
    kind?: SilkeButtonKind;
    size?: SilkeButtonSize;
    loading?: boolean;
    /** Disable button */
    disabled?: boolean;
    /** Selected */
    selected?: boolean;
    /** Show button as in focus state */
    focus?: boolean;
    /** Show button as in hover state */
    hover?: boolean;
    icon?: SilkeIcons | React.ReactElement;
    leftIcon?: SilkeIcons | React.ReactElement;
    link?: string;
    target?: string;
} & Omit<BoxButtonProps, "children" | "size"> & React.RefAttributes<unknown>>;