import { default as React } from 'react'; import { BreakpointSupport } from '../../../helpers'; type AccordionBreakpointProps = { /** * Additional class. */ className?: string; /** * Whether the accordion allows multiple items to be expanded at the same time. * If false, opening one item will collapse the others automatically. * @default false */ allowMultiple?: boolean; /** * Group-level default for items' initial expanded state. Sets the initial * `defaultExpanded` for every child `Accordion.Item` that doesn't specify * its own. Per-item `defaultExpanded` (including an explicit `false`) * takes precedence. * * Typically combined with `allowMultiple` to start with all items open. * @default false */ defaultExpanded?: boolean; /** * Vertical gap between sibling `Accordion.Item` components in rem * Accepts any number, not limited to a fixed scale. * * Forwarded as the `--tedi-accordion-item-gap` CSS variable, so consumers * can also override it from any ancestor class — or set a px value there * directly when an exact-pixel override is needed. * * When omitted, falls back to the design-token default * (`var(--layout-grid-gutters-08)` = 0.5rem). */ itemGap?: number; }; export interface AccordionProps extends BreakpointSupport { /** * Accordion content. Should be one or more `AccordionItem` components. */ children?: React.ReactNode; } export declare const Accordion: { (props: AccordionProps): JSX.Element; displayName: string; } & { Item: { (props: import('.').AccordionItemProps): JSX.Element; displayName: string; } & { Header: { (props: import('.').AccordionItemHeaderProps): JSX.Element; displayName: string; }; Content: { (props: import('.').AccordionItemContentProps): JSX.Element; displayName: string; }; }; }; export default Accordion;