import { ReactNode } from 'react';
import { Breakpoint } from '../../../helpers';
import { FooterSideProps } from './footer-side/footer-side';
export interface FooterProps {
    /**
     * `<Footer.Side>`, `<Footer.Body>` (with `<Footer.Section>` children), and `<Footer.Bottom>` slots.
     *
     * Recognised arrangement:
     * 1. Zero or more `<Footer.Side placement="start">` elements (logos on the left).
     * 2. Exactly one `<Footer.Body>`.
     * 3. Zero or more `<Footer.Side placement="end">` elements (logos on the right).
     * 4. Optional `<Footer.Bottom>` rendered below the main row as a strip with separator dots.
     *
     * Other nodes are rendered verbatim where the consumer placed them.
     */
    children: ReactNode;
    /**
     * Viewport breakpoint at and below which the footer switches to its stacked
     * mobile layout — sections collapse into accordions, sides stack, the bottom
     * strip wraps. Propagated to every Footer subcomponent via context so they
     * agree on the threshold.
     * @default sm
     */
    mobileBreakpoint?: Breakpoint;
    /**
     * Caps the inner content — the column row and the bottom strip's content — to a maximum width
     * and centers it, while the dark backgrounds stay full-bleed. Pass any CSS length (e.g. `1280`,
     * `'1280px'`, `'80rem'`). Omit to let the content fill the full width (with the 40px padding).
     */
    maxWidth?: number | string;
    /**
     * Additional class name on the `<footer>` root.
     */
    className?: string;
}
export declare const Footer: {
    ({ children, className, mobileBreakpoint, maxWidth }: FooterProps): JSX.Element;
    Side: {
        (props: FooterSideProps): JSX.Element;
        displayName: string;
    };
    Body: {
        (props: import('.').FooterBodyProps): JSX.Element;
        displayName: string;
    };
    Section: {
        ({ heading, icon, collapsible, defaultOpen, iconBreakpoint, children, className, }: import('.').FooterSectionProps): JSX.Element;
        displayName: string;
    };
    Bottom: {
        ({ children, separator, className }: import('.').FooterBottomProps): JSX.Element;
        displayName: string;
    };
    displayName: string;
};
export default Footer;