import React from 'react';
import { PseudoBoxProps } from '../PseudoBox';
import { MinervaProps } from '../layout';
import { ForwardRefComponent } from '../utilities/polymorphic';
export declare const buttonVariants: {
    primary: {
        bg: string;
        borderColor: string;
        color: string;
        _hover: {
            bg: string;
            borderColor: string;
        };
    };
    secondary: {
        bg: string;
        borderColor: string;
        color: string;
        _hover: {
            bg: string;
            color: string;
        };
    };
    tertiary: {
        bg: string;
        borderColor: string;
        color: string;
        _hover: {
            textDecoration: string;
        };
    };
};
export interface ButtonProps extends MinervaProps, PseudoBoxProps {
    children?: React.ReactNode;
    /** Toggles disabled pseudo class */
    disabled?: boolean;
    /** If `true`, button will show a spinner. */
    isLoading?: boolean;
    /** Accessibility label for buttons without text content */
    name?: string;
    /** Button variant styles inherited from theme */
    variant?: string;
    /** HTML Button Type (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) */
    type?: 'button' | 'reset' | 'submit';
}
export declare const Button: ForwardRefComponent<"button", ButtonProps>;
export default Button;