import React from 'react'; import { NativeProps } from '../../utils/native-props'; declare type NativeButtonProps = React.DetailedHTMLProps, HTMLButtonElement>; export declare type ButtonProps = { color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'blue-primary'; fill?: 'solid' | 'outline' | 'none'; block?: boolean; loading?: boolean | 'auto'; loadingText?: string; loadingIcon?: React.ReactNode; disabled?: boolean; primaryDisabled?: boolean; onClick?: (event: React.MouseEvent) => void | Promise | unknown; type?: 'submit' | 'reset' | 'button'; children?: React.ReactNode; } & Pick & NativeProps<'--text-color' | '--background-color' | '--border-radius' | '--border-width' | '--border-style' | '--border-color' | '--font-size'>; export declare type ButtonRef = { nativeElement: HTMLButtonElement | null; }; export declare const Button: React.ForwardRefExoticComponent<{ color?: "default" | "primary" | "success" | "warning" | "danger" | "blue-primary" | undefined; fill?: "none" | "solid" | "outline" | undefined; block?: boolean | undefined; loading?: boolean | "auto" | undefined; loadingText?: string | undefined; loadingIcon?: React.ReactNode; disabled?: boolean | undefined; primaryDisabled?: boolean | undefined; onClick?: ((event: React.MouseEvent) => void | Promise | unknown) | undefined; type?: "button" | "submit" | "reset" | undefined; children?: React.ReactNode; } & Pick & { className?: string | undefined; style?: (React.CSSProperties & Partial>) | undefined; tabIndex?: number | undefined; } & React.AriaAttributes & React.RefAttributes>; export {};