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