import { default as React } from 'react';

export type ButtonVariant = 'primary' | 'secondary' | 'link';
export type ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
/** Pass a tuple [mobile, desktop] to apply different sizes per breakpoint. */
export type ResponsiveButtonSize = ButtonSize | readonly [ButtonSize, ButtonSize];
export interface ButtonProps {
    variant?: ButtonVariant;
    size?: ResponsiveButtonSize;
    children?: React.ReactNode;
    disabled?: boolean;
    leftIcon?: React.ReactNode;
    rightIcon?: React.ReactNode;
    className?: string;
    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
    type?: 'button' | 'submit' | 'reset';
    href?: string;
    target?: string;
    rel?: string;
    'data-testid'?: string;
    /** Force the focus-visible appearance. Useful for Storybook and visual tests. */
    forceFocus?: boolean;
    /** Force the active/pressed appearance. Useful for Storybook and visual tests. */
    forceActive?: boolean;
}
export declare function Button({ variant, size, children, disabled, leftIcon, rightIcon, className, onClick, type, href, target, rel, 'data-testid': dataTestId, forceFocus, forceActive, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Button.d.ts.map