import * as class_variance_authority_types from 'class-variance-authority/types';
import { VariantProps } from 'class-variance-authority';
import React__default from 'react';

declare const skipLinkVariants: (props?: ({
    color?: "white" | "grey" | "light" | "dark" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type SkipLinkProps = React__default.ComponentPropsWithoutRef<'a'> & VariantProps<typeof skipLinkVariants> & {
    /** Same-page fragment target, e.g. `"#content"`. */
    href: string;
    ref?: React__default.Ref<HTMLAnchorElement>;
};
/**
 * A single focus-revealed bypass link (2.4.1 Bypass Blocks). Hidden above the
 * viewport until it receives keyboard focus, then slides in as a full-width
 * bar. Designed to sit inside `SkipLinks`, which provides the positioned
 * `<nav>` landmark; standalone use needs a positioned ancestor.
 *
 * Renders a plain `<a>` (not the themeable `Link`) because skip links are
 * same-page fragment jumps — routing framework link components are
 * unnecessary and can interfere with fragment navigation.
 */
declare function SkipLink({ className, color, href, onClick, children, ref, ...props }: SkipLinkProps): React__default.JSX.Element;
type SkipLinksProps = React__default.ComponentPropsWithoutRef<'nav'> & VariantProps<typeof skipLinkVariants> & {
    ref?: React__default.Ref<HTMLElement>;
};
/**
 * Fixed landmark that holds the page's skip links, rendered as the first
 * element in the body (before the `Masthead`). Successor to the legacy
 * `.nsw-skip` nav.
 *
 * When the `children` prop is omitted it renders the legacy default pair —
 * "Skip to navigation" (`#nav`) and "Skip to content" (`#content`) — themed
 * by `color`. Any provided children (including an explicitly empty list from
 * a `.map()` or a false conditional) render exactly as given, per normal
 * React semantics — the defaults are never injected alongside or instead of
 * explicit content, since their `#nav`/`#content` targets may not exist on a
 * page that opted into custom links. Compose your own `SkipLink` children
 * for different targets or extra links:
 *
 * ```tsx
 * <SkipLinks>
 *   <SkipLink href="#main-navigation">Skip to navigation</SkipLink>
 *   <SkipLink href="#main-content">Skip to content</SkipLink>
 *   <SkipLink href="#search">Skip to search</SkipLink>
 * </SkipLinks>
 * ```
 */
declare function SkipLinks({ className, color, children, ref, ...props }: SkipLinksProps): React__default.JSX.Element;

export { SkipLink, type SkipLinkProps, SkipLinks, type SkipLinksProps, skipLinkVariants };