import { type ReactNode } from "react";
import { type LinkProps } from "./Link.js";
import { type SKipToMainContentClassNameOptions } from "./styles.js";
/**
 * @remarks
 * \@since 6.0.0 The {@link mainId} is optional
 */
export interface SkipToMainContentProps extends Omit<LinkProps, "href">, SKipToMainContentClassNameOptions {
    id?: string;
    /**
     * An optional id for the main element. When this is not provided, the main
     * element will be found by:
     *
     * ```ts
     * document.querySelector('main,[role="main"]');
     * ```
     */
    mainId?: string;
    /**
     * @defaultValue `"Skip to main content"`
     */
    children?: ReactNode;
}
/**
 * **Client Component**
 *
 * @remarks
 * \@since 6.0.0 Throws an error after rendering if no main element can be found
 * with the provided `mainId` in development mode. The previous behavior would
 * only log an error after being clicked.
 */
export declare const SkipToMainContent: import("react").ForwardRefExoticComponent<SkipToMainContentProps & import("react").RefAttributes<HTMLAnchorElement>>;
