import * as React from 'react';
import type { BoxProps } from '../box/types.js';
import type { HeadingProps } from '../heading/types.js';
/** A landmark whose optional heading provides its accessible name. */
export interface SectionProps extends Omit<BoxProps, 'title' | 'as'> {
    /**
     * Semantic landmark element surrounding this section’s rendered content.
     * @default 'section'
     */
    as?: 'section' | 'nav' | 'header' | 'aside' | 'main' | undefined;
    /**
     * Heading content introducing the section or page region.
     * @default undefined
     */
    title?: React.ReactNode | undefined;
    /**
     * Heading level matching this region’s document outline position.
     * @default 'h2'
     */
    headingLevel?: HeadingProps['as'] | undefined;
    /**
     * Explicit stable identifier for the generated section heading.
     * @default undefined
     */
    headingId?: string | undefined;
}
/** Renders Section with native semantics and shared skin hooks. */
export declare function Section({ as, title, headingLevel, headingId, children, ...props }: SectionProps): React.ReactNode;