import { type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const bodyVariants: (props?: ({
    gap?: "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface SectionCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof bodyVariants> {
    /**
     * The block's label. Already translated upstream. Omit for an unlabelled
     * block — the identity card at the top of a panel, say, whose content is
     * self-evident.
     */
    title?: ReactNode;
    /** `id` applied to the heading so a caller can wire `aria-labelledby`. */
    headingId?: string;
    /**
     * Semantic heading level. Default `3` — a panel's own `PanelHeader` is
     * usually the `h2`. Set it to continue the real outline of the surface.
     */
    headingLevel?: 2 | 3 | 4;
    /** Rendered inline-end of the heading row: a count, a link, an icon button. */
    headerAction?: ReactNode;
    /** Card surface. Default `elevated`, the rail-panel treatment. */
    variant?: 'default' | 'outlined' | 'elevated';
    /** Space between the body's children. Default `md`. */
    gap?: 'sm' | 'md' | 'lg';
    children: ReactNode;
}
export declare const SectionCard: import("react").ForwardRefExoticComponent<SectionCardProps & import("react").RefAttributes<HTMLElement>>;
export {};
//# sourceMappingURL=section-card.d.ts.map