/// <reference types="react" />
interface Props {
    /**
     * valid hex/rgba color for the background
     */
    background?: string;
    /**
     * callback function when the button is blurred
     */
    blurCb?: () => void;
    /**
     * callback function when the button is clicked
     */
    callback: () => void;
    /**
     * font color to be used, can be hex, rgba, or a variable
     */
    color?: string;
    /**
     * Aria controls attribute
     */
    controls?: string;
    /**
     * Aria expanded attribute
     */
    ariaexpanded?: boolean;
    /**
     * callback function when the button is focused
     */
    focusCb?: () => void;
    /**
     * font size in pixels
     */
    fontSize?: number;
    /**
     * if  the button should be inline-block or block
     */
    fullWidth?: boolean;
    /**
     * padding applied to all 4 sides, in pixels, as a string (valid css)
     */
    padding?: string;
    /**
     * the rounding amount of the button
     */
    radius?: 'square' | 'rounded' | 'pill';
    /**
     * If using our variables, any valid color variable, or default, dark, none
     */
    theme?: string;
    /**
     * extra classes to be applied
     */
    themeClass?: string;
    /**
     * the text of the button
     */
    title: string;
    /**
     * what sort of button this should be
     */
    type?: 'button' | 'submit' | 'reset';
}
declare const Button: ({ background, blurCb, callback, color, controls, ariaexpanded, focusCb, fontSize, fullWidth, padding, radius, theme, themeClass, title, type, }: Props) => JSX.Element;
export default Button;