import './buttons.pcss';
import React, { MouseEvent, PropsWithChildren } from 'react';
export type ButtonProps = PropsWithChildren<{
    mode?: 'primary' | 'secondary' | 'transparent';
    status?: 'default' | 'primary' | 'warning' | 'danger';
    size?: 'normal' | 'small';
    id?: string;
    className?: string;
    disabled?: boolean;
    name?: string;
    type: 'submit' | 'reset' | 'button';
    value?: string | ReadonlyArray<string> | number;
    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
    tabIndex?: number;
}>;
declare const Button: React.ForwardRefExoticComponent<{
    mode?: "primary" | "secondary" | "transparent" | undefined;
    status?: "warning" | "primary" | "default" | "danger" | undefined;
    size?: "small" | "normal" | undefined;
    id?: string | undefined;
    className?: string | undefined;
    disabled?: boolean | undefined;
    name?: string | undefined;
    type: 'submit' | 'reset' | 'button';
    value?: string | number | readonly string[] | undefined;
    onClick?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
    tabIndex?: number | undefined;
} & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLButtonElement>>;
export default Button;
