import { ReactNode } from 'react';
/**
 * Collapsible settings group — a minimal section header: the group's name, a
 * chevron, and a hairline rule between groups. Nothing else. The panel is a long
 * list of these, so anything heavier (a filled band, an icon chip) turns the
 * sidebar into a stack of cards and buries the fields the author came for.
 *
 * Any plain-language descriptor goes inside the body as a quiet hint rather than
 * in the header, which keeps every header the same single line. The body animates
 * open via the grid-rows 0fr→1fr technique. Sections default to open so nothing
 * is hidden on first load; the author collapses the groups they're done with.
 *
 * Styling lives in styles/07-redesign-accordion.css (`.acc*`) to match the rest
 * of the editor's plain-CSS, token-driven approach.
 */
export declare function Accordion({ title, subtitle, defaultOpen, children, }: {
    title: string;
    /** Plain-language descriptor shown as a hint at the top of the body. */
    subtitle?: string;
    /** Whether the group starts expanded. Defaults to open. */
    defaultOpen?: boolean;
    children: ReactNode;
}): import("react").JSX.Element;