import type { NodeDefinition } from '../schema';
/**
 * Creates a centered container with responsive max-width.
 *
 * By default, uses Tailwind's responsive `container` class which provides:
 * - sm: max-w-640px
 * - md: max-w-768px
 * - lg: max-w-1024px
 * - xl: max-w-1280px
 * - 2xl: max-w-1536px
 *
 * When `bindFrom` points to _containerStyles with fullWidth=true, switches to `w-full`
 * for edge-to-edge content without horizontal constraints.
 *
 * @param children - Child nodes to render inside container
 * @param opts - Configuration options
 * @param opts.gap - Vertical spacing between children (default: 'md')
 * @param opts.align - Horizontal alignment (default: undefined)
 * @param opts.className - Additional static classes
 * @param opts.bindFrom - Data path for container styles (default: '_containerStyles')
 * @returns A stack NodeDefinition configured as a responsive container
 */
export declare function sectionContainer(children: Array<NodeDefinition | null | undefined>, opts?: {
    gap?: 'sm' | 'md' | 'lg' | 'xl';
    align?: 'start' | 'center' | 'end';
    className?: string;
    bindFrom?: string;
}): NodeDefinition;
