import { t as HeadingLevels } from "../utils-DUF1aMov.js";
import { ReactNode } from "react";
//#region src/heading/heading-level.d.ts
/**
 * A component that sets the heading level for its children. It doesn't render
 * any HTML element, just sets the
 * [`level`](https://ariakit.com/reference/heading-level#level) prop on the
 * context.
 * @see https://ariakit.com/components/heading
 * @example
 * ```jsx
 * <HeadingLevel>
 *   <Heading>Heading 1</Heading>
 *   <HeadingLevel>
 *     <Heading>Heading 2</Heading>
 *   </HeadingLevel>
 * </HeadingLevel>
 * ```
 */
declare function HeadingLevel({ level, children }: HeadingLevelProps): import("react").JSX.Element;
interface HeadingLevelProps {
  /**
   * The heading level. By default, it'll increase the level by 1 based on the
   * context.
   */
  level?: HeadingLevels;
  children?: ReactNode;
}
//#endregion
export { HeadingLevel, HeadingLevelProps };
//# sourceMappingURL=heading-level.d.ts.map