import { TNode, Value } from '@tempots/dom';
import type { NavigationOptions } from '@tempots/ui';
import { ThemeColorName } from '../../../tokens';
export type LinkVariant = 'default' | 'plain' | 'hover';
export interface LinkOptions {
    href: Value<string>;
    variant?: Value<LinkVariant>;
    color?: Value<ThemeColorName>;
    colorDisabled?: Value<ThemeColorName>;
    disabled?: Value<boolean>;
    viewTransition?: boolean;
    state?: NavigationOptions['state'];
    scroll?: NavigationOptions['scroll'];
    replace?: NavigationOptions['replace'];
    target?: Value<string>;
    rel?: Value<string>;
}
export declare function generateLinkClasses(variant: LinkVariant, disabled: boolean): string;
export declare function generateLinkStyles(color: ThemeColorName): string;
export declare function Link({ href, variant, color, colorDisabled, disabled, viewTransition, state, scroll, replace, target, rel, }: LinkOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
