import { type Colors } from '@fuel-ui/css';
import type { ReactElement, ReactNode } from 'react';
import type * as t from './defs';
export declare function createIcon(icon: string | ReactNode, iconAriaLabel?: string, iconSize?: number, color?: Colors): ReactElement | null;
export declare function getIconSize(size: t.ButtonSizes, iconSize?: number): number;
export declare const SPINNER_SIZE: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
};
export declare const Button: (<C = "button">(props: import("~/utils").PolymorphicComponentProps<C, Omit<import("~/utils").BaseProps<t.ButtonProps>, "as">>) => ReactElement<Omit<import("~/utils").BaseProps<t.ButtonProps>, "as">, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<Omit<import("~/utils").BaseProps<t.ButtonProps>, "as">>, never> & import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: ReactNode;
} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & import("react-aria").AriaButtonProps<"button"> & t.ButtonBaseProps & {
    justIcon?: boolean | undefined;
    isLink?: boolean | undefined;
    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
} & import("react").RefAttributes<HTMLButtonElement>> & t.ButtonNS;