import { PropsWithChildren, ReactNode } from 'react';
import { SectionTitleProps } from '../SectionTitle/SectionTitle';
export interface FormSectionProps extends PropsWithChildren {
    /** Anchor id — enables scroll-spy / in-page navigation. */
    id?: string;
    /** Section heading. A node renders as-is inside the heading element. */
    title?: ReactNode;
    /**
     * Where the title sits relative to the card:
     * - `"outside"` (default) — heading above the card.
     * - `"inside"` — heading rendered inside the card, above the body.
     */
    titlePlacement?: "outside" | "inside";
    /** Heading element for the title. Defaults to `SectionTitle`'s own default (`h3`). */
    titleAs?: SectionTitleProps["as"];
    /** Trailing slot in the title row (counter chip, action button, …). */
    titleEndContent?: ReactNode;
    className?: string;
    classNames?: {
        base?: string;
        title?: string;
        contentCard?: string;
        contentWrapper?: string;
    };
}
/**
 * Titled form section rendered as a card. With `titlePlacement="outside"` (default) the card is
 * only drawn when there are children; with `"inside"` the card also wraps the title, so a card is
 * drawn whenever a title or children are present.
 */
export default function FormSection(props: FormSectionProps): import("react").JSX.Element;