import { JSXElementConstructor, ReactNode } from 'react';
import { IconDefinition } from '@mezzanine-ui/icons';
import { ButtonIconType, ButtonSize, ButtonVariant } from '@mezzanine-ui/core/button';
import { PopperPlacement } from '../Popper';
export type ButtonComponent = 'button' | 'a' | JSXElementConstructor<any>;
export interface ButtonPropsBase {
    /**
     * The variant of button.
     * @default 'base-primary'
     */
    variant?: ButtonVariant;
    /**
     * The size of button.
     * @default 'main'
     */
    size?: ButtonSize;
    /**
     * If true, button will be disabled
     * @default false
     */
    disabled?: boolean;
    /**
     * If true, show loading state with spinner icon.
     * @default false
     */
    loading?: boolean;
    /**
     * The icon to display.
     */
    icon?: IconDefinition;
    /**
     * The type of the icon relative to the text.
     */
    iconType?: ButtonIconType;
    /**
     * The button text content.
     * When iconType is 'icon-only', children will be used as tooltip content.
     */
    children?: ReactNode;
    /**
     * If true, disable the tooltip for icon-only buttons.
     * Only applies when iconType is 'icon-only'.
     * @default false
     */
    disabledTooltip?: boolean;
    /**
     * The position of the tooltip.
     * Only applies when iconType is 'icon-only'.
     * @default 'bottom'
     */
    tooltipPosition?: PopperPlacement;
}