import { ReactNode } from 'react';
import { BreakpointSupport } from '../../../../helpers';
type FooterBodyBreakpointProps = {
    /**
     * Number of equal-width columns laid out per row, controllable per breakpoint via the
     * `sm`/`md`/`lg`/`xl`/`xxl` keys. The keys are **mobile-first** — a value applies at that
     * breakpoint and up — so raise the count as the viewport widens
     * (e.g. `columns={2} md={{ columns: 3 }} lg={{ columns: 4 }}`). When set, the body uses a CSS grid
     * of `columns` equal tracks; when omitted, columns are content-sized and spread with
     * `space-between` (the default). Ignored below the footer's `mobileBreakpoint`, where the body
     * always stacks into a single column.
     */
    columns?: number;
};
export interface FooterBodyProps extends BreakpointSupport<FooterBodyBreakpointProps> {
    /**
     * `<Footer.Section>` children. Other nodes render verbatim but won't pick up the
     * mobile-collapse behaviour.
     */
    children: ReactNode;
    /**
     * Additional class name.
     */
    className?: string;
}
export declare const FooterBody: {
    (props: FooterBodyProps): JSX.Element;
    displayName: string;
};
export default FooterBody;