import "./skip_link.css"; import type * as React from "react"; import { useRender } from "@base-ui/react/use-render"; import { type StyleProps } from "./style_props"; export interface SkipLinkProps extends StyleProps { /** DOM id of the main region to jump to, e.g. `"main-content"`. */ targetId: string; /** Visible label. Localize. */ label: string; ref?: React.Ref; render?: useRender.RenderProp; } /** * Keyboard-first link that lets assistive tech and keyboard users bypass * repeated navigation and land directly in the main region. Parked off the top * of its positioned ancestor until focus slides it in. * * ONE per app shell, FIRST in the tree — it is the first Tab stop of every * page, so anything focusable ahead of it defeats it. The park is a transform * against the nearest POSITIONED ancestor, so that ancestor has to be the shell: * inside a positioned box that does not clip, the "hidden" chip paints over * whatever is above the box and eats clicks there. */ export declare function SkipLink({ targetId, label, render, ref, ...props }: SkipLinkProps): React.ReactElement>;