import * as React from 'react';
import { useRender } from '@base-ui/react/use-render';
interface TocProps extends React.ComponentPropsWithoutRef<'nav'> {
    /**
     * `IntersectionObserver` `rootMargin` (`top right bottom left`) - offset the active boundary, e.g. for a sticky
     * header.
     * @default '0px'
     */
    rootMargin?: string;
}
declare function Toc({ className, rootMargin, ...props }: TocProps): React.JSX.Element;
type TocListProps = React.ComponentPropsWithoutRef<'ul'>;
declare function TocList({ className, style, ...props }: TocListProps): React.JSX.Element;
type TocItemProps = React.ComponentPropsWithoutRef<'li'>;
declare function TocItem({ className, ...props }: TocItemProps): React.JSX.Element;
type TocLinkState = {
    active: boolean;
};
interface TocLinkProps extends useRender.ComponentProps<'a', TocLinkState> {
    /** **Required.** The target heading, as a hash (`#id`). The `id` after `#` is the heading observed. */
    href: string;
    /**
     * Heading level (2-6); controls the indentation. Higher = deeper indent.
     * @default 2
     */
    depth?: number;
}
declare function TocLink({ className, depth, href, render, ref, ...props }: TocLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export { Toc, TocList, TocItem, TocLink };
export type { TocProps, TocListProps, TocItemProps, TocLinkProps, TocLinkState };
//# sourceMappingURL=toc.d.ts.map