import { ButtonHTMLAttributes, ReactNode } from "react";
import { ColorProps, ShadowProps, TypographyProps } from "./system";
import { ResponsiveProp } from "./system/types";
export declare type ButtonProps = {
    children: ReactNode;
    iconLeft?: ReactNode;
    iconRight?: ReactNode;
    disabled?: boolean;
    type?: "button" | "submit" | "reset";
    fullWidth?: boolean;
    loading?: boolean;
    size?: ResponsiveProp<"xsmall" | "small" | "medium" | "large">;
} & ColorProps & TypographyProps & ShadowProps & ButtonHTMLAttributes<HTMLButtonElement>;
export declare const Button: import("react").ForwardRefExoticComponent<{
    children: ReactNode;
    iconLeft?: ReactNode;
    iconRight?: ReactNode;
    disabled?: boolean | undefined;
    type?: "button" | "reset" | "submit" | undefined;
    fullWidth?: boolean | undefined;
    loading?: boolean | undefined;
    size?: ResponsiveProp<"medium" | "small" | "large" | "xsmall"> | undefined;
} & ColorProps & TypographyProps & ShadowProps & ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;