import Component from '@glimmer/component'; import { paddingMapping } from 'ember-eui/utils/css-mappings/eui-accordion'; declare type EuiAccordionPaddingSize = keyof typeof paddingMapping; declare type AccordionArgs = { id: string; /** * Class that will apply to the trigger for the accordion. */ buttonClassName?: string; /** * Class that will apply to the trigger content for the accordion. */ buttonContentClassName?: string; /** * The content of the clickable trigger */ buttonContent?: Component; /** * Will appear right aligned against the button. Useful for separate actions like deletions. */ extraAction?: Component; /** * The accordion will start in the open state. */ initialIsOpen: boolean; /** * Optional callback method called on open and close with a single `isOpen` parameter */ onToggle?: (isOpen: boolean) => void; /** * The padding around the exposed accordion content. */ paddingSize?: EuiAccordionPaddingSize; /** * Placement of the arrow indicator, or 'none' to hide it. */ arrowDisplay?: 'left' | 'right' | 'none'; /** * Control the opening of accordion via prop */ forceState?: 'closed' | 'open'; /** * Change `extraAction` and children into a loading spinner */ isLoading?: boolean; /** * Choose whether the loading message replaces the content. Customize the message by passing a node */ isLoadingMessage?: boolean | Component; }; export default class EuiAccordionAccordionComponent extends Component { isLoading: boolean; isLoadingMessage: boolean; initialIsOpen: boolean; paddingSize: EuiAccordionPaddingSize; arrowDisplay: AccordionArgs['arrowDisplay']; _opened: boolean; buttonId: string; constructor(owner: unknown, args: AccordionArgs); get isOpen(): boolean; get hasIconButton(): boolean | undefined; get hasArrowDisplay(): boolean; get buttonReverse(): boolean; get hasLoadingMessage(): boolean; get buttonClasses(): string; onToggle(): void; } export {};