import React from 'react'; import type { HTMLProps } from '../utils/utilityTypes'; import type { BaseButtonProps, ButtonShape, ButtonSize, ButtonTheme } from './interface'; export type { ButtonTheme, ButtonSize, ButtonShape }; export interface ButtonCssVars { '--height'?: React.CSSProperties['height']; '--background'?: React.CSSProperties['background']; '--border-radius'?: React.CSSProperties['borderRadius']; '--border-color'?: React.CSSProperties['borderColor']; '--border-width'?: React.CSSProperties['borderWidth']; '--padding-horizontal'?: React.CSSProperties['paddingLeft']; '--text-color'?: React.CSSProperties['color']; '--font-size'?: React.CSSProperties['fontSize']; '--icon-size'?: React.CSSProperties['fontSize']; '--loading-color'?: React.CSSProperties['color']; '--active-background'?: React.CSSProperties['background']; '--active-border-color'?: React.CSSProperties['borderColor']; '--active-text-color'?: React.CSSProperties['color']; '--active-loading-color'?: React.CSSProperties['color']; '--shadow'?: React.CSSProperties['boxShadow']; } export declare type AnchorButtonProps = { mimeType?: string; onClick?: React.MouseEventHandler; } & BaseButtonProps & HTMLProps & Omit, 'type' | 'onClick'>; export declare type NativeButtonProps = { htmlType?: 'button' | 'submit' | 'reset'; onClick?: React.MouseEventHandler; } & BaseButtonProps & HTMLProps & Omit, 'type' | 'onClick'>; export declare type ButtonProps = Partial; declare const Button: React.ForwardRefExoticComponent; } & BaseButtonProps & HTMLProps & Omit, "type" | "onClick"> & { htmlType?: 'button' | 'submit' | 'reset'; onClick?: React.MouseEventHandler; } & Omit, "type" | "onClick">> & React.RefAttributes>; export default Button;