import React, { ReactNode, SyntheticEvent } from 'react';
import '@vonage/vwc-expansion-panel';
/**
* @param {string} header  attribute: <VwcExpansionPanel header />
* @param {string} heading - The heading of the expanded panel attribute: <VwcExpansionPanel heading />
* @param {string} icon  attribute: <VwcExpansionPanel icon />
* @param {string} indicatorIconSet  attribute: <VwcExpansionPanel indicatorIconSet />
* @param {string} meta  attribute: <VwcExpansionPanel meta />
* @param {boolean} dense  attribute: <VwcExpansionPanel dense />
* @param {boolean} leadingToggle  attribute: <VwcExpansionPanel leadingToggle />
* @param {boolean} noRipple  attribute: <VwcExpansionPanel noRipple />
* @param {Promise<Ripple>} ripple
* @param {boolean} open  attribute: &lt;VwcExpansionPanel open />
*/
declare const VwcExpansionPanel: (props: {
    children?: ReactNode;
    slot?: string | undefined;
    id?: string | undefined;
    style?: React.CSSProperties | undefined;
    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
    onClosed?: ((event: SyntheticEvent) => void) | undefined;
    onOpened?: ((event: SyntheticEvent) => void) | undefined;
    header?: string | undefined;
    heading?: string | undefined;
    icon?: string | undefined;
    indicatorIconSet?: string | undefined;
    meta?: string | undefined;
    dense?: boolean | undefined;
    leadingToggle?: boolean | undefined;
    noRipple?: boolean | undefined;
    ripple?: any;
    open?: boolean | undefined;
}) => JSX.Element;
export default VwcExpansionPanel;