import { ReactNode } from 'react';
export interface AccordionProps {
    id: string;
    children?: ReactNode;
    classBlock?: string;
    classModifiers?: string[];
    className?: string;
}
export declare const DEFAULT_CLASS = "hods-accordion";
/** A component to display a set of expanding Accordions
 *
## When to use this component

Accordions are most appropriate when users will only need a few specific pieces of content within a page or if you have only a small space to display a lot of content.

## When not to use this component

Do not use the accordion component to hide information that the majority of your users will need.

## Details, accordions and tabs

Details, accordions, and tabs all hide sections of content which a user can choose to reveal.

Use the accordion component instead of details or tabs if you have multiple long sections of content.
 */
export declare const Accordion: ({ id, children, classBlock, classModifiers, className, ...attributes }: AccordionProps) => import("react/jsx-runtime").JSX.Element;