import React from "react";
export declare const sectionColors: readonly ["background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "background-none", "surface-subtle"];
export type SectionColor = (typeof sectionColors)[number];
export type SectionSpacing = "default" | "small" | "xsmall";
export interface SectionProps {
    /** Background color of section */
    color?: SectionColor;
    /**
     * Spacing between sections
     *
     * if two sections with different color meet
     * use default (larger) spacing, if two section have same color
     * use small spacing on second one. Use xsmall for specific
     * cases e.g. as part of Megamenu
     */
    spacing?: SectionSpacing;
    /** Rendered HTML element */
    tag?: React.ElementType;
    /** Additional CSS classes */
    className?: string;
    /** Section content */
    children?: React.ReactNode;
    /** Additional classes passed to the container */
    containerClassName?: string;
}
export declare const Section: React.FC<SectionProps>;
