import * as React from 'react';
type BaseProps = {
    children: React.ReactNode;
    icon?: React.ReactNode;
    iconPosition?: 'before' | 'after';
    className?: string;
    /**
     * If true, Hyperlink will NOT render <a>.
     * Instead, it will clone its only child (e.g. Next <Link>) and apply styling/props to it.
     */
    asChild?: boolean;
    /** 'header' uses --color-navbar-fg tokens — only meaningful when rendered inside/near AppHeader */
    variant?: 'primary' | 'secondary' | 'header';
    inline?: boolean;
    disabled?: boolean;
};
type AnchorProps = BaseProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
    as?: 'a';
};
type ButtonProps = BaseProps & React.ButtonHTMLAttributes<HTMLButtonElement> & {
    as: 'button';
};
type HyperlinkProps = AnchorProps | ButtonProps;
export declare function Hyperlink(props: HyperlinkProps): React.ReactElement;
export {};