import { EventEmitter } from '../../stencil-public-runtime';
import { DaisySize } from '../types';
export interface ICollapseOptions {
    /** The description to render in the collapse header. */
    description?: string;
    /** The Modus icon name to render in the collapse header. */
    icon?: string;
    /** The icon's aria-label. */
    iconAriaLabel?: string;
    /** The size of the collapse header. */
    size?: DaisySize;
    /** The title to render in the collapse header. */
    title: string;
}
/**
 * A customizable collapse component used for showing and hiding content.
 *
 * The component supports a 'header' and 'content' `<slot>` for injecting custom HTML.
 * Do not set
 */
export declare class ModusWcCollapse {
    private inheritedAttributes;
    /** Reference to the host element */
    el: HTMLElement;
    /** Indicates that the component should have a border. */
    bordered?: boolean;
    /** Custom CSS class to apply to the outer div. */
    customClass?: string;
    /** Controls whether the collapse is expanded or not. */
    expanded?: boolean;
    /** A unique identifier used to set the id attributes of various elements.  */
    collapseId?: string;
    /**
     * Configuration options for rendering the pre-laid out collapse component.
     * Do not set this prop if you intend to use the 'header' slot.
     */
    options?: ICollapseOptions;
    /** Event emitted when the expanded prop is internally changed. */
    expandedChange: EventEmitter<{
        expanded: boolean;
    }>;
    expandedChanged(newValue: boolean): void;
    componentWillLoad(): void;
    private handleClick;
    private handleContentClick;
    private handleKeyDown;
    private getOuterDivClasses;
    private getTitleDivClasses;
    private getTitleChildDivClasses;
    private getDescriptionDivClasses;
    render(): any;
}