import { ReactElement } from 'react';
import Anchor from './Anchor';
import type { AnchorPropsWithAnchors, AnchorPropsWithChildren } from './Anchor';
type AnchorElement = ReactElement<AnchorPropsWithChildren, typeof Anchor>;
type AnchorChildren = AnchorElement | AnchorElement[];
export type AnchorGroupPropsWithAnchors = AnchorPropsWithAnchors;
export interface AnchorGroupPropsWithChildren {
    anchors?: never;
    children: AnchorChildren;
}
type AnchorGroupBaseProps = AnchorGroupPropsWithAnchors | AnchorGroupPropsWithChildren;
export type AnchorGroupProps = AnchorGroupBaseProps & {
    className?: string;
};
/**
 * The `mezzanine` AnchorGroup component renders a group of anchor links,
 * configured via an `anchors` prop or parsed from `Anchor` child components.
 *
 * ```tsx
 * <AnchorGroup>
 *   <Anchor href="#section1">Section 1</Anchor>
 *   <Anchor href="#section2">Section 2</Anchor>
 * </AnchorGroup>
 * ```
 *
 * ```tsx
 * <AnchorGroup anchors={[
 *   { id: 'section1', name: 'Section 1', href: '#section1' },
 *   { id: 'section2', name: 'Section 2', href: '#section2' }
 * ]} />
 * ```
 */
declare const AnchorGroup: import("react").ForwardRefExoticComponent<AnchorGroupProps & import("react").RefAttributes<HTMLDivElement>>;
export default AnchorGroup;