import { type ReactNode } from "react";
import { type LinkProps } from "./Link.js";
import { type SkipToMainContentClassNameOptions } from "./styles.js";
/**
 * @since 6.0.0 The `mainId` is optional
 */
export interface SkipToMainContentProps extends Omit<LinkProps, "href">, SkipToMainContentClassNameOptions {
    /**
     * @since 6.0.0 Changed default value from `"skip-to-main-content"`
     * @defaultValue `"skip-to-main"`
     */
    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**
 *
 * @since 6.0.0 Changed the default `id` from `"skip-to-main-content"` to
 * `"skip-to-main"`.
 * @since 6.0.0 The `mainId` prop is optional
 * @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>>;
