import { ReactNode } from 'react';
import { Breakpoint } from '../../../../helpers';
export interface FooterSectionProps {
    /**
     * Section heading text. Rendered as `<strong>` on desktop or as the trigger label of a
     * `<Collapse>` on mobile (when `collapsible` is true).
     */
    heading: ReactNode;
    /**
     * Optional Material Symbols icon name shown in a circular tinted background next to
     * the heading on desktop. Automatically hidden below the `lg` breakpoint to save space.
     */
    icon?: string;
    /**
     * When `true`, the section's link list collapses into an accordion below the
     * footer's `mobileBreakpoint` (`sm` by default) — the heading turns into a
     * toggle button (wired via the shared `<Collapse>` component for keyboard,
     * focus, and aria-expanded handling). Desktop layout is unaffected.
     * @default false
     */
    collapsible?: boolean;
    /**
     * Initial open state of the collapse — only relevant when `collapsible` is true and the
     * viewport is below the footer's mobile breakpoint.
     * @default false
     */
    defaultOpen?: boolean;
    /**
     * Viewport breakpoint at and below which the section's icon is hidden to save
     * horizontal space. Separate from the footer-wide `mobileBreakpoint` because
     * icons are typically dropped one tier earlier than the layout flips.
     * @default lg
     */
    iconBreakpoint?: Breakpoint;
    /**
     * Section content — typically a sequence of `<Link>` elements.
     */
    children: ReactNode;
    /**
     * Additional class name on the section root.
     */
    className?: string;
}
export declare const FooterSection: {
    ({ heading, icon, collapsible, defaultOpen, iconBreakpoint, children, className, }: FooterSectionProps): JSX.Element;
    displayName: string;
};
export default FooterSection;