import { EventEmitter } from '../../stencil-public-runtime';
export interface CollapsibleEventDetail {
  expanded: boolean;
}
/**
 * A child component for dxp-accordion that contains the collapsible content
 * @slot default - The slot that holds the expandable content
 * @slot heading - The slot that contains the clickable text to expand content
 * @slot expand-icon - Use this slot to override the default expansion icon
 * @slot close-icon - Use this slot to override the default collapse icon
 * @part base - The container displayed for the component
 * @part heading - The header displayed for the collapsible content in the accordion.
 * @part content - The collapsible content displayed when the header is clicked
 * @part button - The button displayed to expand the collapsible content
 * @part button-text - The text displayed inside the button
 */
export declare class DxpCollapsible {
  private headingId?;
  private panelId?;
  private hasExpandIconSlot;
  private hasCloseIconSlot;
  private collapsibleContent?;
  private collapsibleIcon?;
  hostElement: HTMLDxpCollapsibleElement;
  /** Set to `true` to expand */
  expanded: boolean;
  /** Default aria-level for heading */
  headingLevel: number;
  /** Controls transition time it takes to open the collapsed content. Default: '.5s'
   * NOTE: Make sure to specify the time measurement (i.e, s - seconds; m - minutes; etc...)
   */
  transitionTime: string;
  /** Emitted so parent <dxp-accordion> knows about it */
  dxpExpand: EventEmitter<CollapsibleEventDetail>;
  componentWillLoad(): void;
  componentWillRender(): void;
  private handleClick;
  private getRenderedIcon;
  render(): any;
}