/// <reference types="react" />
import { ButtonProps } from './types';
export type { ButtonProps as NewButtonProps };
export declare const NewButton: import("react").ForwardRefExoticComponent<{
    variant?: import("./types").VariantType | undefined;
    size?: import("./types").Size | undefined;
    icon?: import("react").FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
    leadingIcon?: import("react").FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
    trailingIcon?: import("react").FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
    disabled?: boolean | undefined;
    children: import("react").ReactNode;
} & import("../sx").SxProp & import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>> & {
    Counter: ({ children, sx: sxProp, ...props }: import("./button-counter").CounterProps) => JSX.Element;
};