import { FC, HTMLAttributes, ReactNode, Ref } from "react";
import { EColor } from "../../enum/index";
import "./index.scss";
export declare enum EButtonType {
    SUBMIT = "submit",
    RESET = "reset",
    BUTTON = "button"
}
export declare enum EButtonSize {
    LARGE = "l",
    MEDIUM = "m",
    SMALL = "s",
    XSMALL = "xs"
}
export declare enum EButtonStyle {
    PILL = "btn-pill",
    CIRCLE = "btn-circle"
}
export declare enum EButtonBlockLevel {
    BLOCK = "kb-btn-block"
}
export declare enum ESpinnerPosition {
    LEFT = "left",
    RIGHT = "right",
    CENTER = "center"
}
interface IProps extends HTMLAttributes<HTMLElement> {
    size?: EButtonSize;
    color?: EColor;
    ref?: Ref<any>;
    type?: EButtonType;
    btnStyle?: EButtonStyle;
    blockLevel?: EButtonBlockLevel;
    className?: string;
    id?: string;
    children?: ReactNode | string;
    disabled?: boolean;
    spinner?: boolean;
    spinnerPosition?: ESpinnerPosition;
}
declare const Button: FC<IProps>;
export default Button;
