import { PropsWithChildren, ReactNode } from 'react';
export interface SectionTitleProps extends PropsWithChildren {
    /**
     * Heading element to render. Pick the level that keeps the page outline in order —
     * the visual size is controlled by `size`, not by the tag.
     */
    as?: "h1" | "h2" | "h3" | "h4";
    /** Type scale. `"md"` (default) matches the form section heading used across the apps. */
    size?: "sm" | "md" | "lg";
    /** Trailing slot (counter chip, action button, …) pinned to the end of the row. */
    endContent?: ReactNode;
    /** Class for the root element (shorthand for `classNames.base`). */
    className?: string;
    /** Per-slot class overrides. Merged with tailwind-merge, so utilities like colors win. */
    classNames?: {
        /**
         * Root element — the heading itself, or the flex row wrapping it when `endContent`
         * is given.
         */
        base?: string;
        /** The heading element. */
        title?: string;
        /** Wrapper around `endContent`. Ignored when `endContent` is omitted. */
        endContent?: string;
    };
}
/**
 * Section heading — typography and heading semantics only, no layout of its own beyond the
 * optional `endContent` row. Used by `FormSection`, and directly wherever a section needs a
 * heading without a card.
 *
 * Without `endContent` the heading *is* the root element, so nothing extra lands in the DOM.
 */
export default function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;