/**
 * Map of layout names to CSS classes
 */
export type LAYOUT_CLASS_MAP = number;
export namespace LAYOUT_CLASS_MAP {
    const oneRow: string;
    const oneColumn: string;
    const twoColumn: string;
}
export const DEFAULT_LAYOUT: "oneRow";
export const LAYOUTS: string[];
export default SectionContent;
/**
 * A content panel wrapper that supports:
 *
 * - lay out panels (based on layout name and panel position)
 * - change element tag (like `section` instead of `div`)
 * - scroll root element (overflow of panel content is not managed)
 * - debug layout (via color-coded panels)
 *
 * @example
 * // features: lay out panels, change tag, allow content scroll, color-coded
 * <SectionContent
 *   layoutName="oneColumn"
 *   tagName="main",
 *   shouldScroll,
 *   shouldDebugLayout
 * >
 *   <div>Thing 1</div>
 *   <div>Thing 2</div>
 *   <div>Thing 3</div>
 * </SectionContent>
 */
declare function SectionContent({ className, children, layoutName, shouldScroll, shouldDebugLayout, tagName, }: {
    className: any;
    children: any;
    layoutName: any;
    shouldScroll: any;
    shouldDebugLayout: any;
    tagName: any;
}): import("react/jsx-runtime").JSX.Element;
declare namespace SectionContent {
    namespace propTypes {
        const className: PropTypes.Requireable<string>;
        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
        const layoutName: PropTypes.Validator<string>;
        const shouldScroll: PropTypes.Requireable<boolean>;
        const shouldDebugLayout: PropTypes.Requireable<boolean>;
        const tagName: PropTypes.Requireable<string>;
    }
    namespace defaultProps {
        const className_1: string;
        export { className_1 as className };
        const shouldScroll_1: boolean;
        export { shouldScroll_1 as shouldScroll };
        const shouldDebugLayout_1: boolean;
        export { shouldDebugLayout_1 as shouldDebugLayout };
        const tagName_1: string;
        export { tagName_1 as tagName };
    }
}
import PropTypes from "prop-types";