import { ResponsiveSized } from '../../../context/windowSizeProvider';
/**
 * A labelled section wrapper for the approval-rule create/edit form.
 *
 * Renders a bold heading + lighter subheading above a bordered card
 * holding the section's controls. Used to break the form into
 * "Add Rule", "Set Conditions", and "Set Approval Stages" groups so
 * each chunk of the rule is visually separated.
 */
/**
 * Layout constants for the create / edit approval-rule form column.
 *
 * Exported so other components sharing the column (e.g. the overlap
 * warning banner that sits above the FormSections) can match the same
 * responsive width and stay in vertical alignment with the cards.
 */
export declare const D: {
    width: ResponsiveSized;
};
export interface FormSectionProps {
    children: React.ReactNode;
    heading: string;
    subheading: string;
}
export declare function FormSection({ heading, subheading, children }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
export default FormSection;
