import * as React from 'react';
import '@vtmn/css-button/dist/index-with-vars.css';
import { VtmnButtonVariant, VtmnButtonSize } from './types';
import { VitamixId } from '@vtmn/icons/dist/vitamix/font/vitamix';
export interface VtmnButtonProps extends React.ComponentPropsWithoutRef<'button'> {
    /**
     * The variant of the button.
     * @defaultValue 'primary'
     */
    variant?: VtmnButtonVariant;
    /**
     * The size of the button.
     * @defaultValue 'medium'
     */
    size?: VtmnButtonSize;
    /**
     * Icon to display on the left hand side of the button.
     * @type {VitamixId}
     * @defaultValue undefined
     */
    iconLeft?: VitamixId;
    /**
     * Icon to display on the right hand side of the button.
     * @type {VitamixId}
     * @defaultValue undefined
     */
    iconRight?: VitamixId;
    /**
     * Icon to display when it is a button with icon only.
     * @type {VitamixId}
     * @defaultValue undefined
     */
    iconAlone?: VitamixId;
    /**
     * The content to render inside the component.
     * @defaultValue undefined
     */
    children?: React.ReactNode;
}
export declare const VtmnButton: React.ForwardRefExoticComponent<VtmnButtonProps & React.RefAttributes<HTMLButtonElement>>;
declare const MemoVtmnButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<VtmnButtonProps & React.RefAttributes<HTMLButtonElement>>>;
export default MemoVtmnButton;