import { type AnchorHTMLAttributes } from 'react';
import { type VariantProps } from 'class-variance-authority';
/**
* SkipLink is visually hidden until it receives keyboard focus, at
* which point it reveals as a high-contrast pill anchored to the
* top-start corner of the viewport. Implementation note: we cannot use
* the typical `sr-only` utility because that also hides it from focus
* styles in some browsers — instead we collapse it to a 1px clip and
* un-clip on `:focus` / `:focus-visible`.
*/
declare const skipLinkVariants: (props?: ({
intent?: "primary" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface SkipLinkProps extends Omit, 'href'>, VariantProps {
/**
* Anchor target — must be a same-page fragment, e.g. `'#main-content'`.
* The matching element must have a corresponding `id` attribute and
* ideally be focusable (`tabIndex={-1}` is acceptable for `` /
* `` wrappers). @default '#main'
*/
href?: string;
}
/**
* Accessibility primitive — the very first focusable element inside
* ``. Lets keyboard and screen-reader users bypass the global
* navigation chrome and land directly on the page's main content.
*
* Visible label is supplied by the consumer (typically via
* `useTranslation('ui')` against `navigation.skipLink.toContent`),
* so the component itself stays i18n-free at the prop level.
*/
export declare const SkipLink: import("react").ForwardRefExoticComponent>;
export {};
//# sourceMappingURL=skip-link.d.ts.map