import { ComponentOverridableForwardRefComponentPropsFactory } from '../utils/jsx-types';
import { ButtonComponent, ButtonPropsBase } from './typings';
export type ButtonProps<C extends ButtonComponent = 'button'> = ComponentOverridableForwardRefComponentPropsFactory<ButtonComponent, C, ButtonPropsBase>;
/**
 * 通用按鈕元件，支援多種外觀變體與尺寸。
 *
 * 可透過 `variant` 控制外觀（如 `base-primary`、`outlined-primary`、`text-primary` 等），
 * 透過 `iconType` 決定圖示的位置（`leading`、`trailing` 或 `icon-only`）。
 * 當 `iconType` 為 `icon-only` 時，`children` 會作為 Tooltip 的提示文字顯示。
 * 支援 `loading` 狀態，以及透過 `component` prop 將根元素替換為任意元件（例如 `<a>`）。
 *
 * @example
 * ```tsx
 * import Button from '@mezzanine-ui/react/Button';
 * import { PlusIcon, ArrowRightIcon } from '@mezzanine-ui/icons';
 *
 * // 基本用法
 * <Button variant="base-primary">送出</Button>
 *
 * // 帶有前置圖示
 * <Button icon={PlusIcon} iconType="leading" variant="outlined-primary">新增項目</Button>
 *
 * // 僅圖示（hover 時顯示 Tooltip）
 * <Button icon={PlusIcon} iconType="icon-only">新增</Button>
 *
 * // 以 <a> 標籤渲染（多型態用法）
 * <Button component="a" href="/dashboard" icon={ArrowRightIcon} iconType="trailing">前往儀表板</Button>
 * ```
 *
 * @see {@link ButtonGroup} 用於將多個 Button 水平排列為群組
 */
declare const Button: import("react").ForwardRefExoticComponent<Omit<Omit<import("../utils/jsx-types").ComponentPropsWithoutKeyAndRef<"button">, keyof ButtonPropsBase> & ButtonPropsBase, "component"> & {
    component?: ButtonComponent | undefined;
} & import("react").RefAttributes<HTMLButtonElement>>;
export default Button;